mcpField
C
concept-prototyper

concept-prototyper

github.com/sergekostenchuk设计与 UI3251 次安装18 周前更新
代码仓库

关于 concept-prototyper

通过一次性原型和反馈文件，衔接 SEO、语义结构与早期 UI 概念的技能。适合在设计探索前梳理网站内容与业务逻辑，不用于产出生产代码。

主要功能

  1. 01创建网站概念文档
  2. 02制作一次性 HTML 线框图
  3. 03将反馈整理为 JSON
  4. 04记录未解决的概念冲突
  5. 05将明确概念交接至设计探索

适用场景

  1. 01规划网站内容层级与用户路径
  2. 02制作非生产线框图以收集反馈
  3. 03将利益相关者反馈与语义约束合并
  4. 04升级处理未解决的概念冲突

安装

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

$npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill concept-prototyper

安装后在 Claude Code 中输入/concept-prototyper确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

agents/
openai.yaml
assets/
site-concept.template.md
references/
concept-prototype-contract.md

详细介绍

概念原型设计

此技能用于在 SEO／语义结构与 UI 设计之间搭建概念桥梁。其原型是用于收集反馈的产物，而非生产代码。

运行模式

  • concept：根据语义核心和业务逻辑创建 docs/site-concept.md。
  • wireframe：创建用于收集反馈的一次性 HTML／线框原型。
  • feedback：将用户反馈整理为 reports/business-concept-feedback.json。
  • conflict：生成 reports/concept-conflicts.md，并将未解决的冲突提交给评审委员会。

必需工作流

  1. 阅读 references/concept-prototype-contract.md。
  2. 加载语义核心、项目简介、已知业务事实，以及现有内容（如有）。
  3. 构建内容层级：主要用户旅程、页面地图、必需事实、信任信号、CTA 逻辑。
  4. 如果要制作原型，则创建明确标注为非生产用途的线框产物，并为各个区块标注其来源依据。
  5. 收集或整理反馈，并将其与语义约束合并。
  6. 如果仍有冲突，在开始设计探索前，先将问题提交给 senior-ui-ux-orchestrator 的评审委员会模式。
  7. 如果冲突已明确解决，则移交给 tech-stack-selector，然后开始设计探索。

不可妥协事项

原型是一次性产物。除非用户另行批准重建／重构计划，否则不得将其作为生产实现的基础。

移交格式

Concept path:
Prototype path:
Feedback path:
Conflicts path:
Decision: clear | council-required
Next skills:

验证

python3 $CODEX_HOME/skills/.system/skill-creator/scripts/quick_validate.py $CODEX_HOME/skills/concept-prototyper
python3 $CODEX_HOME/skills/senior-skill-architect/scripts/lint_production_skill.py $CODEX_HOME/skills/concept-prototyper

评论

支持 Markdown