ss-setup

Configure StyleSeed design locks by selecting grammar, recipes, and tokens before scaffolding screens.

Updated May 26, 2026
One-click install
npx skills add https://github.com/rmethodm/resumegen --skill ss-setup-rmethodm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ss-setup
Source: https://github.com/rmethodm/resumegen/tree/main/.agents/skills/ss-setup
Command: npx skills add https://github.com/rmethodm/resumegen --skill ss-setup-rmethodm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Starting a new UI project without a coherent design method leads to inconsistent screens and ad-hoc styling decisions. This Skill guides you through a structured wizard that locks in an output grammar, brand recipe, palette recipe, and bounded design tokens before any code is written. ## Core Features & Use Cases - Guided design-method wizard: Walks through product surface, output grammar, page type, brand recipe, palette recipe, and optional aesthetic profile one decision at a time. - Design lock generation: Writes a STYLESEED.md file capturing all selections so the design system persists across sessions. - Rule compilation and scaffolding: Runs the resolver script to produce a hash-verifiable rules bundle, then scaffolds a first screen and scores it against quality gates. - Use Case: You are starting a fintech mobile app. The wizard recommends the consumer-service grammar, a calm brand recipe, a contrast-verified palette, locks your brand color and font, then compiles the effective rules and scaffolds a dashboard screen. ## Quick Start Ask the assistant to run StyleSeed setup for your new product and answer its questions one at a time to generate a design lock and first screen.

Frequently Asked Questions about ss-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a design system before building a UI screen?▼

Run the StyleSeed setup wizard, which asks one question at a time about your product surface, output grammar, brand recipe, and palette. It writes a STYLESEED.md design lock, compiles the effective rules, and scaffolds a first screen from that bundle.

What is an output grammar in StyleSeed?▼

An output grammar is a design method matched to the product's job, such as consumer-service, operations-console, or editorial-reading. Exactly one grammar is required; it controls composition rules and cannot be replaced by an aesthetic profile.

When should I not use the StyleSeed setup wizard?▼

Skip setup when the project already has a valid STYLESEED.md file (use the update flow instead), when user references need a custom compiled grammar first, or when you only need one component inside an established system.

Does StyleSeed setup work with frameworks other than React and Tailwind?▼

The design method, review, and reference compiler are framework-agnostic. However, the bundled component scaffold currently targets React and Tailwind v4, so on other stacks you apply the method without expecting the scaffold to be portable.

What is the difference between a brand recipe and a palette recipe?▼

A brand recipe defines morphology such as geometry, containment, navigation, and control language, and does not select colors. A palette recipe defines semantic color roles with validated contrast, surface separation, and status cues.