作者 affaan-mef648e01899ba3e8dc6371642deaaf64b4477775無授權條款275K 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫4 天前更新
使用此技能生成或审计设计系统，检查视觉一致性，并审查涉及样式的PR。
產生或稽核設計系統，評估視覺一致性並審查涉及樣式的 PR。
分析代码库并生成统一的设计系统：
输出：DESIGN.md + design-tokens.json + design-preview.html
从10个维度对界面进行评分（每项0-10分）：
每个维度都会获得评分、具体示例以及包含精确文件:行号的修复方案。
识别通用的AI生成设计模式：
为SaaS应用生成设计系统：
审查现有界面：
检测AI生成内容：
來源：affaan-m/ECC位於docs/zh-CN/skills/design-system提交ef648e0
授權條款： 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
affaan-m
設計統一的通知策略，對來自 GitHub、Linear、鉤子與聊天工具的通知進行分類、路由、去重與升級。
affaan-m
執行六階段程式碼驗證流程，並產出 PASS/FAIL 就緒報告。
affaan-m
將批次 UI 設計截圖轉換為使用 Vant、Element Plus 或 Ant Design Vue 的 Vue 3 元件。
affaan-m
指導代理透過本機 ECC Memory Vault 在不同執行框架之間共享持久脈絡與交接資訊。
affaan-m
透過 OCR 將簽證文件影像翻譯成英文，並產出原圖與譯文對照的雙語 PDF。
affaan-m
互動式挑選器：探索可用的代理角色，讓使用者最多選五個，平行執行同一任務並彙整結果。
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。
1. 扫描 CSS/Tailwind/styled-components 以查找现有模式2. 提取：颜色、排版、间距、边框圆角、阴影、断点3. 研究 3 个竞品网站以获取灵感（通过浏览器 MCP）4. 提出一套设计令牌（JSON + CSS 自定义属性）5. 生成 DESIGN.md，说明每个决策的理由6. 创建一个交互式 HTML 预览页面（自包含，无依赖）1. 色彩一致性 — 你使用的是自己的调色板还是随机的十六进制值？2. 排版层级 — 清晰的 h1 > h2 > h3 > 正文 > 说明文字？3. 间距节奏 — 一致的尺度（4px/8px/16px）还是随意设置？4. 组件一致性 — 相似的元素看起来是否相似？5. 响应式行为 — 在断点处流畅还是混乱？6. 深色模式 — 完整实现还是半途而废？7. 动画 — 有目的性还是多余？8. 无障碍性 — 对比度、焦点状态、触摸目标9. 信息密度 — 杂乱还是整洁？10. 细节打磨 — 悬停状态、过渡效果、加载状态、空状态- 到处滥用渐变效果- 默认采用紫蓝配色- 毫无意义的"玻璃拟态"卡片- 不该圆角的地方强行圆角- 滚动时过度动画效果- 居中文字搭配默认渐变的通用英雄区- 毫无个性的无衬线字体堆叠/design-system generate --style minimal --palette earth-tones/design-system audit --url http://localhost:3000 --pages / /pricing /docs/design-system slop-check