用途：该技能用于生成前端设计提示词或风格提示词，帮助选择、比较、混搭 StyleKit 视觉风格，为新页面、仪表盘或落地页产出设计简报，并审计或修复已有前端提示词，也可将截图或 Figma 画板转为带有风格约束的提示词。不适用于一般 CSS 问题、后端逻辑或非视觉任务。
主要能力：通过脚本管线完成需求检索风格候选、生成设计简报与提示词、执行 QA 质量门禁、多风格混搭与冲突解决（明确颜色、排版、间距、动效交互归属）、基准测试与回归门禁、分类法校验、输出契约同步校验、分类扩展合并及升级候选生成。输出对象包含 design_brief、hard_prompt、soft_prompt、ai_rules、style_choice、site_profile、tag_bundle、composition_plan、decision_flow、content_plan、upgrade_candidates、quality_gate 等字段。
使用方式：一键运行 python scripts/run_pipeline.py --query "<requirement>" --stack nextjs --format json；站点类型路由组合可加 --site-type dashboard --recommendation-mode hybrid；代码生成模式加 --workflow codegen；强制混搭加 --blend-mode on；定向优化加 --refine-mode debug；截图参考加 --reference-type screenshot 及 --reference-notes 或 --reference-file；严格模式加 --strict-reference-schema。质量审计用 python scripts/qa_prompt.py --input prompt.md --style <slug>，基准测试用 python scripts/benchmark_pipeline.py --format json，CI 门禁用 bash scripts/ci_regression_gate.sh。
适用场景：前端页面、仪表盘、落地页等设计简报与提示词生成；新手决策辅助（提供推荐风格选项与决策问题）；已有提示词的质量审计与修复；多风格混搭；截图或 Figma 驱动的风格约束生成。
限制：必须使用 references/style-prompts.json 作为唯一风格来源，不得虚构风格 slug；保留用户语言；意图不明确时先返回前 5 个候选及理由；质量门禁失败需读取违规与自动修复建议并重跑审计，最多 3 轮；管线非零退出需检查依赖缺失或参考数据缺失；搜索无结果需放宽查询或移除站点类型约束。支持栈提示包括 html-tailwind、react、nextjs、vue、svelte、tailwind-v4，未知栈回退到框架无关的 Tailwind 语义。