Individual skill

style-compass

把已有 PRD 或一句需求做成可交互 UI 原型、设计 tokens 与开发规格。做产品界面设计、视觉方向选择、页面加改版、现有页面评审（如「帮我把这个页面做个可点原型」）时用；纯落地页和通用出图不走这里，也不做需求发现。可独立使用；明确进入 OPC 时服从其输入、审批和编排。

skills/style-compass/SKILL.md

Read pinned source

Source commit ffb15d3b95ee07a0ae7ab5115186e506986e32bb

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: No
Skill scan complete: No
Observed behavior: Not checked yet
Last checked: Nov 8, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 100
Repository last updated: Nov 6, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

design Derived category
design-interface Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

CHANGELOG.mddoc · 2,326 bytes
LICENSEasset · 1,065 bytes
README.mddoc · 5,788 bytes
SKILL.mdcore · 6,037 bytes
SKILL.mdcore · 6,037 bytes
assets/readme/four-stage-loop.pngasset · 422,810 bytes
assets/readme/four-stage-loop.svgasset · 4,883 bytes
assets/review-framework/review-framework.cssasset · 41,367 bytes
assets/review-framework/review-framework.jsruns · 69,737 bytes
assets/review-framework/template.htmlasset · 31,699 bytes
evals/evals.jsonasset · 16,193 bytes
examples/stage-contract.example.jsonasset · 3,639 bytes
examples/tokens.example.jsonasset · 3,399 bytes
references/audit-guide.mddoc · 5,888 bytes
references/cjk-typography.mddoc · 6,180 bytes
references/design-archive.mddoc · 7,760 bytes
references/handoff.mddoc · 5,143 bytes
references/intake-questions.mddoc · 8,786 bytes
references/interaction-guide.mddoc · 8,550 bytes
references/prototype-guide.mddoc · 7,096 bytes
references/review-framework.mddoc · 12,142 bytes
references/stage-contracts.mddoc · 9,161 bytes
references/structure-guide.mddoc · 6,440 bytes
references/style-library.yamlasset · 12,696 bytes
references/visual-craft.mddoc · 16,112 bytes
references/visual-evaluation.mddoc · 6,037 bytes
scripts/artifact_io.pyruns · 23,996 bytes
scripts/check_vendored.pyruns · 3,689 bytes
scripts/compare_variants.pyruns · 5,286 bytes
scripts/design_memory.pyruns · 30,424 bytes
scripts/export_spec.pyruns · 19,503 bytes
scripts/export_tokens.pyruns · 29,503 bytes
scripts/lint_design.pyruns · 50,181 bytes
scripts/review_server.pyruns · 11,934 bytes
scripts/scaffold_review.pyruns · 2,871 bytes
scripts/token_utils.pyruns · 20,065 bytes
scripts/validate_review_workspace.pyruns · 6,329 bytes
scripts/validate_stage_contract.pyruns · 22,877 bytes
scripts/vendor-manifest.jsonasset · 513 bytes
tests/test_scripts.pyruns · 51,332 bytes

Read excerpt


# 设计罗盘 · UI/UX 设计节点

给有代码能力、缺设计经验的人做产品界面：从一句需求到可点原型 + 设计 tokens + 开发规格。每关都渲染出来给用户看/给用户玩，不让人在文字里想象风格。

- **输入**：PRD（可选）或一句需求/现有工程材料。**输出**：`prototype/`（可交互 HTML，核心旅程能点通）＋ `design-spec-<topic>.md` ＋ 设计档案（`DESIGN.md`、`design/tokens.json`，见 `references/design-archive.md`）。
- 脚本只依赖 Python 3.9+ 标准库；正式视觉验收需要宿主浏览器，缺少时明确标注"未验收"。
- 明确作为 OPC 设计节点（`.design`）运行时，契约、门禁和输出目录服从适配器，不重开问诊；交接规范见 `references/handoff.md`。

## 关卡路由（每关只读这一份 reference + 跑这一条脚本）

| 关卡 | 必读 reference | 必跑脚本 | 产物 |
|---|---|---|---|
| 入场分流 | `references/design-archive.md` | `design_memory.py scan <产品目录>` | 路线判定：新做/延续/补档/评审 |
| 理结构 | `references/structure-guide.md` | —（画完自查每个需求有落点） | 灰阶线框 HTML |