bitjaru/styleseed

ss-reference

Compile screenshots, URLs, Figma exports, or an existing UI into a project-local StyleSeed output grammar with evidence, tokens, confidence, anti-patterns, and a validation screen. Use when the user supplies a design reference that StyleSeed does not already model.

First seen Jul 18, 2026

Installation

$ npx skills add bitjaru/styleseed --skill ss-reference

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from bitjaru/styleseed · top by installs.

npx skills add bitjaru/styleseed

Browse all from bitjaru/styleseed

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 944
License LICENSE
Default branch main
Open issues 9
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Allowed toolsRead, Write, Edit, Grep, Glob, Bash, WebFetch

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,638 B
  • docs SUMMARY.md 282 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 567 installs

SKILL.md

Compile references into a design grammar

Registry-first artifact boundary

When .styleseed/project.json and .styleseed/artifacts/index.json exist, resolve the requested artifact ID first, then read only .styleseed/bundles/<artifact-id>.md and .styleseed/manifests/<artifact-id>.json. Never fall back to the global legacy bundle for a registry project. Legacy projects may use .styleseed/effective-rules.md only when no registry exists.

Do not merely imitate the supplied screen. Read PRODUCT-PRINCIPLES.md, RULESETS.md, ADAPTERS.md, and REFERENCE-COMPILER.md, then execute the compiler pipeline in full.

Workflow

  1. Ingest every supplied reference and assign evidence IDs (R1, R2, ...). If a URL can be

rendered, capture it. If an image cannot be seen, stop claiming visual analysis for it.

  1. Separate references by surface adapter and job. Do not merge a marketing homepage with an app

dashboard unless the user explicitly wants both languages connected.

  1. Observe and measure the twelve axes. Every rule cites evidence IDs and a confidence level.
  2. Resolve contradictions instead of averaging them. Explain any material choice briefly.
  3. Choose the nearest built-in fallback grammar and adapter, then compile the project artifacts required by

REFERENCE-COMPILER.md under .styleseed/rulesets/<slug>/.

  1. Update STYLESEED.md to select reference:<slug> while preserving bounded brand choices.
  2. Validate transfer: apply the grammar to one representative screen not present in the source

set, run /ss-score, then /ss-verify if renderable. Fix and repeat to the gate floor.

  1. Report what was learned, what remains low-confidence, where the artifacts live, and the

validation result.

Rules

  • Visible evidence before adjectives. “Calm” is not a rule; the spacing, type, color, hierarchy,

and motion decisions that create calm are rules.

  • Never copy protected assets, brand marks, or prose.
  • One reference produces a provisional grammar. Say so and keep confidence low where warranted.
  • The generated grammar is project-local. Do not edit RULESETS.md or publish it as built-in.
  • Core invariants and accessibility remain non-negotiable.