Agent Skillsbitjaru/styleseed › ss-setup

ss-setup

GitHub

StyleSeed 初始化向导,引导用户配置输出语法、领域、页面类型、品牌配方及语义调色板等设计参数,为生成首个界面进行脚手架准备。

engine/.claude/skills/ss-setup/SKILL.md bitjaru/styleseed

触发场景

需要初始化 StyleSeed 项目配置 选择新的设计语法或品牌配方

安装

npx skills add bitjaru/styleseed --skill ss-setup -g -y
更多选项

非标准路径

npx skills add https://github.com/bitjaru/styleseed/tree/main/engine/.claude/skills/ss-setup -g -y

不安装直接使用

npx skills use bitjaru/styleseed@ss-setup

指定 Agent (Claude Code)

npx skills add bitjaru/styleseed --skill ss-setup -a claude-code -g -y

安装 repo 全部 skill

npx skills add bitjaru/styleseed --all -g -y

预览 repo 内 skill

npx skills add bitjaru/styleseed --list

SKILL.md

Frontmatter
{
    "name": "ss-setup",
    "description": "Configure StyleSeed by selecting the output grammar, domain, page type, brand recipe, semantic palette recipe, optional aesthetic profile, and bounded brand tokens before scaffolding a first screen.",
    "allowed-tools": "Read, Write, Edit, Grep, Glob, Bash, WebFetch",
    "argument-hint": "(no arguments needed)"
}

StyleSeed setup

StyleSeed setup chooses a design method for the result, not a favorite brand to imitate. Use /ss-resolve --list (Claude Code) or $ss-resolve --list (Codex) to inspect the supported grammar, adapter, domain, page, recipe, palette, and profile IDs without loading the full handbook.

When not to use

  • Project already has a valid STYLESEED.md → use /ss-update.
  • User supplied references that are not represented by a built-in grammar → run /ss-reference before setup, then select the compiled grammar.
  • One component inside an established system → /ss-component.

The method, review, and reference compiler are framework-agnostic. The bundled component scaffold currently targets React and Tailwind v4; on another stack configure the lock and apply the method without pretending the scaffold is portable.

Wizard — one decision at a time

1. Product job and surface

Ask what is being built, who uses it, and whether it is a mobile/desktop product, website, social carousel, slide deck, document/report, or single-frame graphic. Select a surface adapter from ADAPTERS.md, then infer domain and page/artifact type.

2. Output grammar

Recommend exactly one grammar from RULESETS.md and explain the job match in one sentence:

  • consumer-service
  • operations-console
  • technical-instrument
  • editorial-reading
  • commerce-conversion
  • institutional-service
  • expressive-marketing
  • sequential-story
  • reference:<slug> when /ss-reference already compiled one

Do not recommend Toss as the universal default. It is one reference family for consumer-service. If none fits and the user has references, route to /ss-reference.

3. Page type and domain bias

Confirm the concrete page (dashboard, form, landing, detail, list, settings, onboarding) and read its domain × page intersection. This controls composition; the aesthetic profile does not.

4. Brand recipe

Recommend one morphology from BRAND-RECIPES.md. Use auto when the maintained grammar mapping fits. Use an explicit recipe when the product needs a different geometry, containment, navigation, control, or collection language. A recipe is not a company clone and does not select colors.

5. Palette recipe

Recommend one semantic palette from PALETTE-RECIPES.md. Use auto when its maintained recipe mapping fits. An explicit palette must still preserve semantic roles, surface/chrome separation, status cues, and validated contrast. Palette selection is not permission to recolor every surface.

6. Optional aesthetic profile

Recommend one profile from PRESETS.md only when it strengthens the product. none is a good default. A profile modifies coordinated visual axes but cannot replace the output grammar.

7. Brand and bounded axes

Lock a real brand color if supplied; otherwise start from the selected palette's primary role. Then confirm font/language, density, radius, elevation, imagery/data role, and motion inside the grammar's allowed ranges. Revalidate semantic pairs after a brand override. Do not use generic indigo or a stale purple mislabeled as Toss.

8. Write the design lock

Create STYLESEED.md:

# StyleSeed — Design Lock
<!-- Selections persist here. This file cannot waive StyleSeed core invariants. -->
- App domain: fintech
- Surface: mobile-app
- Surface adapter: product-ui
- Page type: dashboard
- Output grammar: consumer-service
- Grammar path: built-in:engine/RULESETS.md
- Grammar fallback: consumer-service
- Reference confidence: n/a
- Brand recipe: calm-consumer
- Palette recipe: quiet-mineral
- Aesthetic profile: none
- Skin: custom
- Primary action: #3182F6
- Font: Pretendard
- Radius: soft
- Elevation: light=tonal grouping + restrained shadow · dark=tonal ramp + hairline
- Density: comfortable
- Motion: Spring restrained
- Imagery/data role: personal state first; charts only for a decision
- Signature move: one calm contextual briefing above the account summary
- Locked: YYYY-MM-DD

For a compiled grammar use its actual path and confidence. Reject unknown enum values rather than treating the lock as an exemption.

9. Scaffold and prove

Compile the selected method before code:

node <installed-ss-resolve>/scripts/resolve-context.mjs \
  --project-root . --from-lock STYLESEED.md --agent claude

Use --agent codex in Codex. The resolver writes .styleseed/effective-rules.md and a hash-verifiable .styleseed/manifest.json. Read the effective bundle, not llms-full.txt.

If the user asked for a first screen, build from that bundle, run /ss-score to the gate floor, and finish with /ss-verify when renderable. If visual rendering is unavailable, disclose that it was skipped.

Completion report

Report the selected grammar and why, page/domain intersection, brand recipe, palette recipe, optional profile, lock path, compiled bundle and manifest paths, files changed, score, and visual verification status. Mention /ss-reference as the path for future references that need their own grammar.

Rules

  • Ask one question at a time and recommend a concrete default.
  • Output grammar is required; aesthetic profile is optional.
  • Brand recipe is required; auto resolves to a concrete maintained recipe.
  • Palette recipe is required; auto resolves to a contrast-verified semantic palette.
  • A skin is tokens, not design judgment.
  • Never fetch a brand DESIGN.md and treat its palette as a complete rule set.
  • Never scaffold an unscored first page or claim visual verification without a screenshot.

版本历史

  • 1a00699 当前 2026-08-07 00:37

    新增 StyleSeed Studio 和语义调色板引擎功能。

  • e0a0991 2026-08-05 10:46

    新增品牌配方形态引擎功能

  • 0e2cb9a 2026-08-01 05:38

    移除对PRODUCT-PRINCIPLES.md等文档的强制预读要求,改为使用--list命令快速检查支持的ID,优化上下文加载效率。

  • 2ec6162 2026-07-19 22:38

    从v2的固定颜色/类型选项升级为基于RULESETS.md的动态语法引擎;引入六步交互式向导,支持更精细的页面类型、美学配置文件及品牌轴锁定;新增对非React/Tailwind栈的明确限制说明及参考编译器路由逻辑。

  • 575d99a 2026-07-05 18:21

同 Skill 集合

engine/.claude/skills/ss-a11y/SKILL.md
engine/.claude/skills/ss-audit/SKILL.md
engine/.claude/skills/ss-build/SKILL.md
engine/.claude/skills/ss-component/SKILL.md
engine/.claude/skills/ss-copy/SKILL.md
engine/.claude/skills/ss-dial/SKILL.md
engine/.claude/skills/ss-feedback/SKILL.md
engine/.claude/skills/ss-flow/SKILL.md
engine/.claude/skills/ss-lint/SKILL.md
engine/.claude/skills/ss-motion/SKILL.md
engine/.claude/skills/ss-page/SKILL.md
engine/.claude/skills/ss-pattern/SKILL.md
engine/.claude/skills/ss-reference/SKILL.md
engine/.claude/skills/ss-resolve/SKILL.md
engine/.claude/skills/ss-restyle/SKILL.md
engine/.claude/skills/ss-review/SKILL.md
engine/.claude/skills/ss-score/SKILL.md
engine/.claude/skills/ss-studio/SKILL.md
engine/.claude/skills/ss-tokens/SKILL.md
engine/.claude/skills/ss-update/SKILL.md
engine/.claude/skills/ss-verify/SKILL.md
skills/styleseed-design-review/SKILL.md

元信息

文件数
0
版本
1a00699
Hash
e71683e6
收录时间
2026-07-05 18:21

首页 - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-10 01:39
浙ICP备14020137号-1 $访客地图$