Skill

/ss-build

Build a screen with StyleSeed's composed design method — choose or compile an output grammar, apply domain/page/profile/lock constraints, then run the code and pixel gates before presenting.

One skill from styleseed.

shell

$ npx -y skills add bitjaru/styleseed --skill ss-build --agent claude-code

Installs just this skill. Get the whole plugin for auto-invocation.

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/ss-build

Context preview

The summary Claude sees to decide when to auto-load this skill.

Build a screen with StyleSeed's composed design method — choose or compile an output grammar, apply domain/page/profile/lock constraints, then run the code and pixel gates before presenting.

Stats

Stars819

Forks73

LanguageTypeScript

LicenseMIT

Ships with styleseed

SKILL.md

ss-build.SKILL.md

---
name: ss-build
description: Build a screen with StyleSeed's composed design method — choose or compile an output grammar, apply domain/page/profile/lock constraints, then run the code and pixel gates before presenting.
argument-hint: "[what to build]"
allowed-tools: Read, Write, Edit, Grep, Glob, Bash, WebFetch
---

# Build with the composed StyleSeed method

The build method is the product. Score and screenshots are auxiliary evidence, not the source
of design judgment.

## Step 1 — Establish the rule set before code

Read `PRODUCT-PRINCIPLES.md` and `ADAPTERS.md`. If `STYLESEED.md` exists, validate its values and referenced
grammar. If it does not, run `/ss-setup` and write it before UI code.

If the user supplied a visual reference that the selected built-in grammar does not capture,
run `/ss-reference` first. Never reduce an unfamiliar reference to a palette swap.

## Step 2 — Compose, do not improvise

Read and combine in authority order:

1. core invariants in `PRODUCT-PRINCIPLES.md`;
2. selected built-in grammar in `RULESETS.md`, or compiled `RULESET.md`;
3. selected surface adapter in `ADAPTERS.md` and its companion renderer contract;
4. matching `APP-PLAYBOOKS.md` domain and `PAGE-TYPES.md` page/artifact type;
5. optional aesthetic profile in `PRESETS.md`;