SuperAPI AI 工具集

shape

前端与建站

查看项目

更新于 10-16 05:41

技能介绍

用途:这是一个前端设计规划技能,在写代码之前先明确功能的用户体验与界面方向。它只产出设计简报,不产出代码。

准备:读取 ~/.claude/skills/minoan-frontend-design/SKILL.md 了解美学原则与反模式;检查项目根目录的 .design-context.md 或 CLAUDE.md 中的 ## Design Context 段落,已有内容作为起点,不重复提问。

阶段一:发现访谈。每轮问 2-3 个问题后等待回答,默认一轮,只有出现实质缺口才加第二轮;采用“先断言再确认”而非多选项菜单。问题覆盖:目的与场景(功能用途、具体使用者、成功标准、用户心理状态);内容与数据(展示或收集什么、现实数量范围、边界情况如空状态、错误、首次使用、高级用户);设计方向(配色策略:Restrained/Committed/Full palette/Drenched;用一句话场景描述确定明暗主题;2-3 个具名锚点参考;最重要的用户行为;已有模式);范围(保真度、广度、交互性、时间意图);约束(技术、内容、响应式、无障碍);反目标(不该是什么、最大风险)。

阶段一·五:视觉方向探针(受能力限制)。当工作为全新或方向模糊、要求中高保真或生产级、且当前环境原生支持图像生成时,须在写简报前生成 2-4 个视觉方向探针,在层级、拓扑、密度、字体语气、配色策略上区分;询问用户哪个最接近。若无可用的原生图像生成,用一行说明跳过该步。

阶段二:设计简报。清晰时用 3-5 条要点简版,模糊或多屏或用独立步骤时用完整结构化版,包含:功能摘要、主要用户行为、设计方向(配色策略、主题场景句、具名锚点、DESIGN_VARIANCE/MOTION_INTENSITY/VISUAL_DENSITY)、布局策略、关键状态、交互模型、内容需求、待解决问题、实现技能推荐。须获用户明确确认后才算完成,确认后写入项目根目录 .design-context.md 或更新已有文件。

限制:仅设计规划;不写代码;视觉探针依赖原生图像生成能力;访谈规则与设计刻度参考位于该技能的 references 目录下。