HOPE DESIGN
0 %
Loading

DAILY BRIEF

M3 画布出提示词

日榜仍是技能库,新进可装的是 M3 画布出提示词、Agent 特效组件、Rust 桌面 UI 和本机推理。

4 min

设计 AI GitHub

来源GitHub Trending + GitHub Search API + 仓库 README + OpenAI + X

本周趋势

9 月 5 日官方日榜仍由近七日已写过的 skills、ponytail、diagram-design 与 VoiceStudio 占满;本期把主推荐让给 M3 画布、Agent 特效库、GPUI 组件与本机推理。GPT-6 Astra 为 9 月 3 日官方发布,观察栏回溯约 2 天。

核心推荐

06 picks

  1. 浏览器里用 Material 3 Expressive 零件拼多屏界面,再导出给 Claude Code、Codex、Gemini CLI、Cursor 的自然语言提示词。痛点是跟 Agent 说做漂亮界面,它只会交一套没有导航和 token 的通用屏;这里拖按钮、卡片、导航栏和输入框,零件靠近会磁吸成组,可点可滑,预览带反向回放。差异化是 7 套色或一种子色生成完整 M3 方案,手机 412×892 与桌面 1280×800 同名屏会写进同一条提示,另有 agent.md 让 Agent 回传可打开的画布链接。设计师可先在画布上改间距和转场,再把提示词丢给编码 Agent。

    画布: lnkiai.github.io/m3e-canvas

  2. 给编码 Agent 用的高完成度 React 特效组件库,目前放出描边光带、液态变形和思考光球三套,另有 Image 与 Metal 在目录里。痛点是 Agent 一做加载和强调就套一层发光边框或紫蓝渐变,既不统一也难复用;这里每个效果单独发 npm,带独立演示站,根仓 npm install 后可热更源码。差异化是 thinking-orbs 已有 React Native 与 SwiftUI 移植(尚未上架),适合把同一套动效接到 Web 和客户端。落地页和产品发布页可先看 beam / gooey / orbs 演示,再让 Agent 按包名引用,而不是重写一段 CSS。

    主页: libraries.dev

  3. 长桥在 Zed 的 GPUI 上做的跨平台桌面 UI 套件,一个 crate 带齐主题、控件、Dock 和工作区。痛点是用 Rust 做交易台或设计工具台时,表格、编辑器和可停靠面板要自己从行为层拼;gpui-kit 把未样式的 gpui-base 和成品 gpui-component 分开,默认 60+ 控件,虚拟表可扛数十万行,代码编辑器宣称稳住 20 万行并接 Tree-sitter 与 LSP。差异化是 120 FPS GPU 合成,以及 gpui-shell 把面板做成授权过的 JavaScript 扩展。桌面产品设计师可先在 gpui-kit.com 看控件和尺寸,再决定走完整视觉系统还是只拿行为层。

    文档: gpui-kit.com

  4. 开源本机推理服务,先探测芯片、内存和带宽,再推荐装得下的模型并估计 tok/s,接进你已经在用的 Agent。痛点是本机跑模型要自己挑量化、开服务、改 Agent 的 Base URL;它对 Pi、OpenCode、Hermes、OpenClaw、Codex、Claude Code、Oh My Pi、Cline 做了接入,也可走自带 harness。差异化是按需加载、空闲卸载,并打开推测解码和并发,装完可离线。协议 Apache-2.0,支持 macOS / Linux,Windows 走 WSL。要把界面草稿和仓库留在本机的人,可先 magnitude setup,再让现有 Agent 改走本地端点。

    文档: magnitude docs onboarding

  5. 一条 Markdown Skill,按维基百科 AI 文风清理项目的 35 条模式改写文本,不改事实。痛点是界面文案、更新说明和设计规范被 Agent 写成三点并列、加粗小标题和万能收束;它先保结构出一稿,再对照模式和原文主张清掉残余腔调,给文件时只动散文,代码、数据、frontmatter 和链接目标不动。差异化是可喂写作样本对齐节奏和标点,人名数字日期必须来自原文。设计系统文档和发布说明可在定稿前跑一遍 /humanizer,而不是事后手工去 AI 味。

    目录: skills.sh/blader/humanizer

  6. 给编码 Agent 的长期记忆服务,把提示、工具调用和会话边界收成 git 可管的 Markdown 维基,再用 SQLite 做检索,方便换 Claude Code、Codex、Cursor 仍接上。痛点是换模型和换机器就要重讲组件边界和已否掉的方案;它用生命周期钩子静默采集,会话结束写成 wiki 页,下一次只丢一份有界简报。差异化是默认可零模型运行,向量和摘要可选,并覆盖 Claude Code、Codex、OpenCode、Gemini CLI、Hermes 等一长串客户端。设计系统小团队可把 token 决策和走查结论写进同一份仓库记忆,而不是散落在各家聊天记录里。

    安装: docs/install.md

其他值得关注

06 items

  • mattpocock/skills 近七日已写过,今日仍居官方日榜第一,现 ★ 251.9k,工程技能库持续在榜。
  • DietrichGebert/ponytail 持续在榜,让 Agent 先复用再写新代码,现 ★ 127.5k。
  • cathrynlavery/diagram-design 近七日已写过,今日仍在官方日榜,编辑图 Skill 现 ★ 31.5k。
  • debpalash/VoiceStudio 近七日已写过,今日仍在官方日榜,本机配音工坊现 ★ 18.7k。
  • tt-a1i/archify 持续在榜,可验证架构图 Skill 现 ★ 49.1k,周增仍快。
  • GPT-6 Astra 9 月 3 日官方发布。API 名 gpt-6-astra,上下文 105 万 token,标价输入 $10 / 输出 $50 每百万 token;观察栏回溯约 2 天。

热议精选

@lnkiai

Web上でMaterial 3 ExpressiveのUIを組むだけで、Agent向けのプロンプトが生成できます

@mhdfaran

You can now design an app visually then turn the whole thing into a prompt for Claude Code, Codex, Cursor, or Gemini CLI. It’s called M3E Canvas, and it’s basically a UI builder made for vibe coding.

@iamrexei

When vibecoding Android apps, the problem usually isn't the code itself. The issue arises when you tell an agent to make a beautiful interface, and it churns out yet another generic screen lacking a proper structure or design system.

总结建议

今天热榜看起来还是技能库,但没写过、又能改界面工作流的,是把画布直接变成提示词。

  1. M3E Canvas 用官方零件和转场写出给 Agent 的提示词,不再靠一句做漂亮界面。
  2. Libraries.dev 把光带和液态特效收成可引用的包;GPUI Kit 给 Rust 桌面一条带 Dock 和虚拟表的成品视觉层。
  3. Magnitude 把本机模型接到现有 Agent;Humanizer 清文案腔调;ai-memory 让换模型也不丢组件决策。

要做 Android 或 M3 界面,先打开 lnkiai.github.io/m3e-canvas 拼两屏再复制提示词。落地页特效按包名装 Libraries.dev;桌面工具看 gpui-kit.com。想把草稿留在本机就 magnitude setup;发布说明跑一遍 Humanizer。多 Agent 协作先装 ai-memory 的 MCP。