SuperAPI AI 工具集

stylekit-style-prompts

智能体与模型

查看项目

更新于 10-15 19:57

技能介绍

用途:根据用户需求生成更美观的前端设计提示词,结合 StyleKit 风格身份、可执行约束与质量检查;也可用于选择、比较或混合 StyleKit 视觉风格,为新页面、仪表盘或落地页生成设计简报,审计或修复已有前端提示词,或将截图/Figma 帧转换为受风格约束的提示词。不适用于通用 CSS 问题、后端逻辑或非视觉任务。

主要能力:提供一次性流水线命令,如 python scripts/run_pipeline.py --query "<requirement>" --stack nextjs --format json;支持站点类型路由组合(风格+布局+动效+交互)、带 QA 门禁的提示词生成、强制多风格混合、定向精修(polish/debug/contrast/layout/component-fill)、截图/Figma 参考约束、结构化参考载荷与严格 schema 模式。还提供基准测试、回归门禁、分类法校验、输出契约同步校验、分类法扩展合并等脚本。

使用方式:新手可先运行 handbook 模式,读取 manual_assistant.decision_assistant 中的推荐风格选项与决策问题,选定后再以 codegen 模式强制指定风格。已有提示词可用 python scripts/qa_prompt.py --input prompt.md --style <slug> 审计,根据 violations 与 autofix_suggestions 修改后重跑,最多 3 轮。多风格混合需明确颜色、字体、间距、动效/交互的归属,输出一个带优先级的合并提示词。

适用场景:前端设计提示词生成、设计简报、风格选择与混合、提示词质量审计与修复、截图/Figma 转提示词、CI 回归门禁。

限制:风格 slug 只能来自 references/style-prompts.json,不得虚构;需遵循 references/output-contract.md 输出契约;--refine-mode 仅用于 codegen 工作流;--blend-mode on 与 --style 同时使用时混合会被强制关闭;搜索无结果时需放宽查询或移除 --site-type;流水线非零退出需检查依赖或参考数据缺失。支持 html-tailwind、react、nextjs、vue、svelte、tailwind-v4 等栈提示,未知栈回退到框架无关的 Tailwind 语义。具体收费、价格与平台信息暂未提供。