sf-ui-design

Installation
SKILL.md

sf-ui-design

运行目录

执行任何 node .specforge/... 命令或读取 .specforge/... 文件前,必须先定位宿主项目根:项目根是“包含 .specforge/ 目录的业务项目目录”,不是 .specforge/ 目录本身。若当前目录是 .specforge/ 或其任意子目录,先 cd .. 回到宿主项目根;若当前目录是 frontend/backend/ 等子目录,也先向上回到包含 .specforge/ 的项目根。禁止从 .specforge/ 内执行 node .specforge/core/scripts/...,否则会形成 .specforge/.specforge/... 的错误路径。

运行模式检测

  1. 当前目录向上存在 .specforge/ 且有 active work item:Embedded 模式,按 artifact graph 写入 01-spec/ui-design.md,并产出 Pencil 证据。
  2. 存在 .specforge/ 但无 active work item:Lightweight 模式,可先做 UI 方向访谈、页面地图和状态矩阵草稿;需要落档时输出 specforge-import-ready.md 格式内容,或先路由 sf-intake 创建 work item。
  3. 不存在 .specforge/Standalone 模式,不要运行 .specforge/... 命令或调用 .specforge 下的 Pencil 脚本;输出可导入的 specforge-import-ready.md。Standalone 草稿不等同于正式 Pencil 证据。

sf-ui-design 把 requirements 中的用户可见体验转成可审查的 UI 设计证据。它不写技术架构、API、数据库设计或实现任务。

SpecForge 固定使用 Pencil 做正式 UI 原型。Figma、HTML、ASCII、截图、竞品和第三方设计 skill 只能作为参考输入;最终必须归一为 01-spec/ui-design.md01-spec/ui-mockup.pen01-spec/ui-mockup-export/*.png

入口读取

本文件只负责运行入口和路由。真正的 UI 设计执行细则由 .specforge/skills/sf-ui-design/stages/ui-design/SKILL.md 维护;访谈、第三方参考编排、Pencil 保存重读门禁和视觉 review 由 references/ui-design-process.md 维护。

Installs
10
GitHub Stars
2
First Seen
May 29, 2026
sf-ui-design — huangrx6/specforge