/Catalogue/Prompt/bitjaru/bitjaru-styleseed-ss-reference-2

Origin: github

ss-reference

Compile screenshots, URLs, Figma exports, or an existing UI into a project-local output grammar. Use when the user supplies a design reference StyleSeed does not already model.

by bitjaru · updated 7d ago · imported from GitHub

Installs0+0/7d
Security score98/100
Retention 14d0%
GitHub stars962

Skill logic

Execution graph
User message
Prompt rewrites behaviour
Response

SKILL.md

View on GitHub ↗

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.
  2. 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.
  3. Observe and measure the twelve axes. Every rule cites evidence IDs and a confidence level.
  4. Resolve contradictions instead of averaging them. Explain any material choice briefly.
  5. Choose the nearest built-in fallback grammar and adapter, then compile the project artifacts required by REFERENCE-COMPILER.md under .styleseed/rulesets/<slug>/.
  6. Select reference:<slug> in the chosen artifact's project-owned configuration for registry projects; only when neither registry file exists, update the legacy STYLESEED.md. Preserve bounded brand choices. A partial or invalid registry is an error, not a fallback.
  7. Validate transfer: apply the grammar to one representative screen not present in the source set, run /ss-score, then /ss-verify if renderable. Within the authorized validation scope, fix and repeat until passing or three correction passes per gate, counting delegated passes. Do not reset the budget by switching skills; report actual scores and unresolved failures.
  8. 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.

Discussion

No comments yet — start the thread.

Sign in to join the discussion.

/More from bitjaru/styleseed

bitjaru· 7d agoCommunity
ss-flow

Prompts · JavaScript · v0.1.0

Design user flows and navigation structure following proven UX patterns

#agent-skills#ai-coding#ai-design

0 962
bitjaru· 7d agoCommunity
ss-audit

Prompts · JavaScript · v0.1.0

Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices

#agent-skills#ai-coding#ai-design

0 962
bitjaru· 7d agoCommunity
ss-a11y

Prompts · JavaScript · v0.1.0

Audit a component or page for accessibility issues and fix them

#agent-skills#ai-coding#ai-design

0 962
bitjaru· 7d agoCommunity
ss-build

Prompts · JavaScript · v0.1.0

Build a screen with StyleSeed's composed method, then run the code and pixel gates before presenting. Use when building or rebuilding a screen; sets up the project first if needed.

#agent-skills#ai-coding#ai-design

0 962