senior-ui-ux-orchestrator

Name: senior-ui-ux-orchestrator
Author: sergekostenchuk

github.com/sergekostenchuk设计与 UI3260 次安装18 周前更新

代码仓库

关于 senior-ui-ux-orchestrator

这是 UI/UX 技能组的入口，负责分类请求、选择专业技能，并协调实施或审查交接。它强调隐私与证据要求，并由单一编排器处理跨领域决策。

主要功能

01请求分类与技能路由
02UI/UX 规划和构建模式
03审查、评析与 Figma 路由
04隐私与证据要求
05协调三种设计方向

适用场景

01路由仪表盘设计任务
02审查现有页面或设计
03协调三种设计方向
04处理专业技能建议冲突

安装

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

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

安装后在 Claude Code 中输入/senior-ui-ux-orchestrator确认已加载。

包含的文件

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

agents/

openai.yaml

assets/

intake-questions.md

routing-rules.json

evals/

evals.json

references/

cross-skill-council-contract.md

near-miss-prompts.md

routing-decision-framework.md

scripts/

classify_product_type.py

validate_tool_inventory.py

详细介绍

高级 UI/UX 协调器

这是 UI/UX 技能组的主入口。首先对用户请求进行分类，选择能够解决问题的最小专家技能集，执行隐私和证据规则，并返回简洁的实施或审查交接内容。

运行模式

route：选择一个或多个专家技能。
plan：创建或更新 UI/UX 技能系统计划。
build-webapp：将产品 UI 工作路由到 webapp-ui-skill。
build-marketing：将公开页面工作路由到 marketing-site-skill。
audit：将基于证据的审查路由到 ux-audit-skill。
critique：将视觉质量审查路由到 design-critic-skill。
figma：将 Figma 上下文、MCP、画布、素材、效果和设计系统相关工作路由到 senior-figma-orchestrator。
design-intelligence：将风格、模式、排版、颜色和 UI 先例研究路由到 ui-ux-pro-max。
stitch：在 UX/产品和设计智能约束明确后，将 Stitch 或 AI UI 探索路由到 stitch-design-bridge。
three-variant-design：在使用 Stitch、Figma 或执行代码之前，协调恰好三个不同的设计方向。
council：当跨技能建议存在冲突时，召集高级 UI/UX/SEO/LLM/Figma/实施委员会。
wiki-context：在决策完成后，将大型项目的上下文记录到 Obsidian/LLM wiki 中，不得包含机密。
interactive-effect：将光标/蒙版/显现前端效果路由到 cursor-reveal-hero。
image-alignment：将底图/显现图像的适用性检查路由到 image-layer-alignment-validator。
verify：检查报告、命令、产物和伪造证据风险。

必需工作流

阅读 references/routing-decision-framework.md。
如果请求规模较大、涉及多个领域、要求提供三个变体、使用 Stitch，或包含相互冲突的 UI/UX/SEO/Figma/代码建议，请阅读 references/cross-skill-council-contract.md。
如果请求含糊不清，请使用 assets/intake-questions.md，并且只询问会阻碍工作的关键问题。
如果确定性分类有帮助，请对提示词运行 scripts/classify_product_type.py，并写入 reports/intake.json。
应用 ../../shared/privacy-policy.md 中的共享隐私政策。
路由到相关专家技能并说明原因。
对于 Stitch 工作流，在创建 Stitch 提示词之前，必须先明确产品/UX 约束；如果面向公众，还需明确 SEO/LLM 和 ui-ux-pro-max 约束。
对于大型多会话项目，在重大决策后、最终交接前添加 wiki 上下文检查关卡；绝不存储 API 密钥、令牌、私人截图或 .env 数据。
根据 ../../shared/reporting-contract.md 要求提供证据。
对于重大的 UI 变更，必须进行视觉验证，或记录跳过验证的原因。

路由默认规则

SaaS、仪表板、管理后台、CRM、内部工具、数据密集型产品流程：webapp-ui-skill。
落地页、产品页、品牌页、场馆页、营销活动、转化页面：marketing-site-skill。
现有 URL、截图、Figma 画布、源代码审查、回归检查：ux-audit-skill。
视觉层级、审美、精修、反平庸审查：design-critic-skill。
设计情报、视觉先例、风格候选项、色彩／字体／模式信号：ui-ux-pro-max。
三种明显不同的设计方向：由 senior-ui-ux-orchestrator 主持 three-variant-design，将 ui-ux-pro-max 作为输入，并由 stitch-design-bridge 作为下游渲染器。
Stitch、Google Stitch、AI 生成的 UI 变体、Stitch 提示词、Stitch 输出审查：stitch-design-bridge。
跨技能冲突、资深顾问组、UX 与 SEO、Figma 或代码之间的权衡：此编排器的 council 模式。
大型项目记忆、多会话上下文、项目知识捕获：使用 obsidian-wiki-ingest，或在决策完成并完成脱敏后使用 wiki 层。
Figma 文件／画布／节点、Figma MCP、变量、组件、Code Connect、代码转画布、画布编辑、资源、效果：senior-figma-orchestrator。
光标轨迹、悬停显示、鼠标轨迹、遮罩、画布底图／显示图合成：cursor-reveal-hero。
双层图像对比、底图／显示图偏移、前后对齐：image-layer-alignment-validator。
技能包创建、验证、评估、触发调优：使用此编排器；如有 senior-skill-architect 指导，则一并采用。

安全与证据规则

默认采用 local-first。
使用可选云工具须获得用户明确批准，并说明数据传输情况。
未经批准，不得向外部发送私有代码、截图、Figma 画布、Cookie、令牌、.env、客户数据或内部 URL。
除非确实运行了命令且存在产物，否则绝不声称已运行验证器、截图、浏览器、Lighthouse、axe 或评估检查。
将结果标记为 Ran、Skipped、Planned 或 Manual。
保持 senior-ui-ux-orchestrator 为唯一主持方。专业技能可在各自领域提供建议或执行任务，但不得推翻主持方最终的跨领域决策。
将 ui-ux-pro-max 和 Stitch 的输出视为候选证据和探索输入，而非最终权威。
顾问组决策不采用多数表决。按照 references/cross-skill-council-contract.md 中的决策顺序执行，并记录已接受的权衡。

验证

编辑此技能时，运行：

python3 $CODEX_SKILLS_DIR/.system/skill-creator/scripts/quick_validate.py $CODEX_SKILLS_DIR/senior-ui-ux-orchestrator
python3 $CODEX_SKILLS_DIR/senior-skill-architect/scripts/lint_production_skill.py $CODEX_SKILLS_DIR/senior-ui-ux-orchestrator
python3 -m json.tool $CODEX_SKILLS_DIR/senior-ui-ux-orchestrator/assets/routing-rules.json >/dev/null

最终交接格式

Mode:
Chosen skill(s):
Reason:
Required evidence:
Privacy mode:
Skipped or planned checks:
Risks:
Next action:

支持 Markdown

登录后评论