DAILY BRIEF
设计门禁与截图还原
热榜前排被已写过的 Skills 占满,新进值得装的是设计检测门禁、截图还原、浏览器 DevTools MCP,以及可查询的代码知识图谱。
8 月 29 日日榜仍由 Archify、科学技能库与官方插件目录领跑,但近七日已覆盖;本期把主推荐让给设计门禁、截图到代码与 Agent 可视闭环。无回溯超 48 小时。
核心推荐
06 picks
-
pbakaus/impeccable ★ 63.7k
给编码 Agent 用的设计语言,一条技能配 23 条命令和 61 条无需模型的检测规则。痛点是 Agent 默认交出 Inter、紫蓝渐变、卡片套卡片和灰字叠彩底;init 会按品牌站或产品界面写出 PRODUCT.md / DESIGN.md,后续 polish、audit、critique、animate、bolder、quieter 都读同一套上下文。差异化在于 CLI 与浏览器扩展可零 API 扫反模式,Cursor 还能在写入前拦截不合格的 UI 改动。设计师可先跑 detect 看现有页面,再叠 /impeccable live 在浏览器里迭代变体。
-
abi/screenshot-to-code ★ 75.9k
把截图、Mockup、Figma 稿或一段操作录屏还原成可跑的前端,支持 HTML/Tailwind、React、Vue、Bootstrap 与 Ionic。痛点是对照设计图调间距和字体要耗掉半天;它用 Gemini 抽真实 Logo 与图片,再用 GPT / Claude 出多栈变体,可选 Replicate 做挤图与修图。差异化是视频模式:录首页到弹窗的操作,生成可点的原型,而不是静态一页。适合落地页和后台先出七八成,再自己接数据和设计 token。
-
Chrome 官方把 DevTools 做成 MCP,让 Claude、Cursor、Copilot、Gemini CLI 控制并检查活的 Chrome。痛点是 Agent 改完界面只能靠猜,看不到真实布局、网络和水合错误;它提供点击、截图、快照、控制台、网络、性能轨迹和 Lighthouse,可选接已开的调试端口以免丢掉登录态。设计师与前端可让 Agent 打开本地预览、截图对比、再按 Performance insight 改 LCP,把视觉验收从聊天描述改成工具调用。
-
Graphify-Labs/graphify ★ 112.2k
把代码、文档、SQL、PDF 甚至音视频编成可查询知识图谱的 Skill,不是向量库。痛点是大仓库里 Agent 只会 grep,改一处不知道跨文件边;代码用 tree-sitter 本地解析、不耗模型额度,边带 EXTRACTED / INFERRED 标签,输出可点选的 graph.html、报告和 graph.json。差异化是 query / path / explain 直接走图,也可挂 MCP 或 commit hook 增量更新。设计系统维护者可先看社区划分和神节点,再问组件和 token 文件怎么连。
-
cursor/plugins ★ 6.1k
Cursor 官方插件规范与市场仓库,每个插件自带 plugin.json、skills、rules 和可选 MCP。痛点是第三方插件质量参差、画布类评审进不了编辑器;这里提供 docs-canvas、pr-review-canvas,把文档和 PR diff 做成可导航画布,另有 orchestrate 把大任务拆给并行云端 Agent。设计师可先看画布插件怎么把评审从线性 diff 改成分区画布,再按同一清单给设计系统写自己的 plugin。
-
palmier-io/palmier-pro ★ 14.2k
面向 AI 的 macOS 原生时间线剪辑器,内置 Seedance、Kling 等生成模型,并在本机暴露 MCP,让 Claude / Codex / Cursor 直接改同一条时间线。痛点是生成视频和剪辑分属两个软件,Agent 无法对准入点出点;打开应用后 MCP 在 127.0.0.1:19789。注意 v0.7.6 之后二进制改为专有许可,仓库保留历史 GPLv3 源码,且只支持 macOS 26 + Apple Silicon。适合已用 OpenMontage 做管线、需要本机时间线手感的人。
其他值得关注
06 items
-
tt-a1i/archify 持续在榜第一,可验证架构图 Skill 现 ★ 30.0k,日增仍近 4k,评审用交互 HTML 代替过期截图。
-
K-Dense-AI/scientific-agent-skills 持续在榜,165 条已校验科研技能现 ★ 37.6k,科学可视化与领域库可直接复用。
-
anthropics/claude-plugins-official 持续在榜的官方插件目录,现 ★ 35.3k,frontend-design 仍是对抗 AI 界面同质化的默认入口。
-
bilawalsidhu/gods-eye-view 持续在榜,真实数据 3D 地球现 ★ 12.1k,日增仍超 1k。
-
freestylefly/awesome-gpt-image-2 持续在榜,GPT-Image2 提示词与模板库现 ★ 24.9k,出图工作流可继续复用。
-
Gemini Omni 1.1 Flash 8 月 27 日官方更新仍在发酵,场景可向后延伸并读前 10 秒上下文,支持首尾关键帧、360p 草稿与 4K 放大。
热议精选
@itsvladyThree steps that make Claude Code new design skill much better. Inspiration first so it copies a style you actually chose. Skill stacking with impeccable or the taste skill. Versions at the component level, then sliders instead of re-prompting every tweak.
@daweifs做前端最费时间的不是写功能,是对着设计图调间距字体和布局。screenshot-to-code 把截图、Figma 或一段操作录屏还原成能跑的前端,适合先出七八成再自己接数据和改细节。
@safishamsiiGraphify just entered the all-time Y Combinator open source leaderboard. OpenCode. Ollama. Firecrawl. Then us. 111k stars. 6M downloads and 200+ contributions.
总结建议
今天热榜看起来还是 Skills,但真正没写过、又能立刻改设计工作流的,是门禁、还原和可视闭环。
- Impeccable 把反 AI 味规则写成可安装命令和零模型检测,Cursor 甚至能在落盘前拦住烂界面。
- screenshot-to-code 把截图和操作录屏变成可点原型,chrome-devtools-mcp 再让 Agent 对着真浏览器验收。
- Graphify 用带证据标签的知识图谱替代盲 grep;Cursor 官方画布插件和 Palmier 时间线 MCP 分别补上评审视图和成片手感。
先在现有落地页跑 npx impeccable detect;有设计稿就丢进 screenshot-to-code 出第一版;装上 Chrome DevTools MCP 让 Agent 自己截图对比。大仓库再 /graphify . 看组件和 token 怎么连。