mcpField
D
design-for-ai

design-for-ai

github.com/podo设计与 UI29162 次安装1 天前更新
代码仓库

关于 design-for-ai

design-for-ai 是用于审查现有设计并引导新设计从简报走向实现的技能。CHECKER 和 APPLIER 两种模式分别覆盖设计评估与创作流程。

主要功能

  1. 01七类设计审查
  2. 02评分结果与改进建议
  3. 03六阶段设计创作指导
  4. 04覆盖从简报到技术实现

适用场景

  1. 01评估现有设计的质量
  2. 02定位设计问题并制定改进步骤
  3. 03引导设计从简报推进到实现

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill design-for-ai

安装后在 Claude Code 中输入/design-for-ai确认已加载。

附带文件stub.yaml

详细介绍

面向 AI 的设计

目录占位条目 — 完整软件包：ryanthedev/design-for-ai

决策树

  1. 是否已安装该软件包？ 检查：你的 Agent 技能目录中是否有包含占位内容以外内容的 design-for-ai。

    • 是 → 调用 design-for-ai 并继续
    • 否 → 前往第 2 步

  2. 你使用的是哪个 Agent？

    • Claude Code → /plugin marketplace add ryanthedev/rtd-claude-inn，然后运行 /plugin install design-for-ai@rtd
    • Cursor → /plugin marketplace add ryanthedev/rtd-claude-inn，然后运行 /plugin install design-for-ai@rtd
    • 其他 → 查看 GitHub README

安装命令

/plugin marketplace add ryanthedev/rtd-claude-inn
/plugin install design-for-ai@rtd

注意：安装分为两个步骤 — 先添加市场源，再按名称安装插件。

安装后调用

  • 技能名称：design-for-ai
  • 触发短语："设计检查器"、"设计审计员"、"面向 AI 的设计"、"rtd 设计"、"design-for-ai"

功能

以两种截然不同的模式运行。CHECKER 模式会从七个评分类别审查现有设计 — 用途与清晰度、排版、比例、构图、视觉层级、色彩和 SEO 就绪度 — 并针对每个未达标类别返回结构化报告及可执行的修正建议。APPLIER 模式则通过六个连续阶段指导新设计的创建：基础（简介和约束）、布局结构、排版系统、色彩与对比度、组件构成和技术实现。两种模式结合起来，涵盖从空白画布到经过质量保证的成果的完整设计生命周期。

不适用场景

  • 对现有组件进行轻量级 UI 润色（使用 taste-skill 可更快速、低开销地迭代）
  • 专注于 ARIA、键盘导航或 WCAG 合规性的无障碍专项审计（使用 fixing-accessibility 或 wcag-audit-patterns）

评论

支持 Markdown