用途:该技能在新项目搭建、执行 /project-guide 或 /brand-guide 命令,或用户提到创建项目/品牌文档时激活,用于生成 PROJECT.md 和 BRAND.md 两类文件。
主要能力:PROJECT.md 模板包含必填区(项目名称与标语、使命、愿景、目标受众、问题陈述、解决方案、核心功能)与可选区(成功指标、竞争格局、技术约束)。BRAND.md 模板包含必填区(品牌个性、色板、排版、语气)与可选区(Logo 用法、间距系统、图标、阴影层级)。同时提供色彩系统与排版规范。
色彩系统:先选可用白色文字作按钮背景的基础主色,以 HSL 起步,创建 100–900 共 9 级,500 为基础色;变浅时提高 L 并略降 S,变深时降低 L 并提高 S。浅色档将 H 向最近的亮点(60°、180°、300°)旋转,深色档向最近的暗点(0°、120°、240°)旋转;S 不低于约 10%,否则改用灰色。另加中性灰(8–10 级,带主色微调,科技用冷灰、亲和品牌用暖灰)及语义色(成功绿、警告黄橙、错误红、信息蓝)。模板给出 50–900 各级 HSL 占位值。
排版:基于 4px 基线,xs 12/16、sm 14/20、base 16/24、lg 18/28、xl 20/28、2xl 24/32、3xl 30/36、4xl 36/40、5xl 48/48。字重指引:400 正文、500 轻度强调、600 标题与标签、700 强强调与按钮。
间距:采用 4px 网格,从 0、px(1px)、0.5(2px) 到 16(64px),各档标注用途(边框、微距、紧凑、默认、区块间距、主分隔、Hero 间距等)。
阴影:xs 用于轻微、sm 按钮、md 卡片、lg 下拉、xl 模态、2xl Hero,均给出对应 CSS 值。
参考文件包括 references/project-template.md(完整 PROJECT.md 模板)、references/brand-template.md(完整 BRAND.md 模板)、references/questions.md(交互式向导问题)。
限制:资料未提供具体安装方式、适用平台、收费与效果数据,暂未提供;模板中的数值为占位规范,实际使用需按项目调整。