bitjaru/styleseed

Accessibility Audit checks a component or page for WCAG 2.2 AA issues and suggests or applies fixes. Use it for static audits of contrast, labels, focus states, semantics, and other accessibility problems.

Design Lint runs quick automated checks for common design system violations. Use it after file changes to catch token, spacing, and component contract drift before deeper review.

Design Score scores a visual artifact from 0–100 against its StyleSeed rule set, with category breakdowns, evidence, and prioritized fixes. It is used after a render or implementation pass to judge UI quality and guide revisions.

Motion Seed Applier translates vibe words, brand names, or UI moments into the right StyleSeed motion for a component. It uses the motion library’s seed and keyword recipes to generate Framer Motion JSX from one source of truth.

Product Page Scaffolder creates a new product page or screen from StyleSeed's compiled grammar, adapter, brand recipe, and project lock. Use it when starting a page scaffold rather than editing an existing page.

Ss Copy generates UX microcopy for buttons, errors, empty states, toasts, and form text in a casual-but-polite voice. Use it when you need concise, action-oriented UI copy for a single language.

StyleSeed routes a StyleSeed request to one first workflow after resolving the current artifact boundary. Use it for general StyleSeed help when the user has not asked for a specific ss-* skill.

StyleSeed Build guides screen creation with a composed design method: choose a grammar, apply brand and domain constraints, then run code and pixel gates before presenting. It is used for building UI with structure, verification, and documented evidence.

StyleSeed Component Generator creates a new UI component following StyleSeed design conventions. Use it when adding a reusable primitive in a StyleSeed project with Tailwind v4 and components/ui/.

StyleSeed Dial turns one design axis up or down as a coordinated, deterministic token transform. Use it when a request like “denser” or “more muted” needs consistent changes across the system with guardrails and a re-run quality gate.

StyleSeed Reference Compiler turns screenshots, URLs, Figma exports, or an existing UI into a project-local design grammar with evidence, tokens, confidence, and validation output. Use it when a supplied reference needs to be compiled into StyleSeed artifacts.

StyleSeed Resolve compiles a deterministic StyleSeed rule bundle for one agent, including grammar, adapter, domain, page type, brand recipe, palette recipe, and optional profile. Use it before setup or build, after STYLESEED.md changes, or when an agent would otherwise load the full handbook.

StyleSeed Restyle applies one StyleSeed aesthetic profile without changing the output grammar, product job, or core design judgment. Use it when a project needs coordinated visual changes while keeping the underlying rules intact.

StyleSeed Setup guides selection of output grammar, domain, page type, brand recipe, palette recipe, and optional aesthetic profile before creating a design lock and scaffolding a first screen. It is used when starting a new StyleSeed project or resolving supported IDs.

StyleSeed Studio turns a product brief into three creative directions, a selected interaction plan, prototype assets, a working UI, and a verified showcase reel. Use it for concept exploration, UI direction, and prototype-first presentations.

StyleSeed Tokens generates accessible semantic color palettes from a key color and manages StyleSeed design tokens. Use it to view, add, or update token files for light/dark theme implementation in Tailwind v4 and CSS variables.

StyleSeed Update checks an existing StyleSeed installation against the published revision, preserves project-owned files, then refreshes and verifies the effective bundle. Use it when updating a current install or reconciling a stale payload.

StyleSeed Verify renders a UI or visual artifact, inspects the pixels, and re-renders until it passes the StyleSeed rule set. Use it as the final visual gate after code checks pass.

UI Design Review checks UI code for design system compliance, accessibility, and best practices. Use it when reviewing components for tokens, conventions, typography, spacing, and interaction quality.

UI Pattern Generator composes a UI pattern from the active StyleSeed grammar and brand recipe using existing primitives. Use it when you need a reusable pattern component instead of a single primitive, page, flow, or token set.

UX Audit reviews screens for usability issues using Nielsen’s heuristics and mobile UX checks. Use it when you need a structured screen audit with scores, issues, and recommendations.

UX Feedback States adds loading, empty, error, and success feedback to components and pages. Use it when a UI needs data-state handling and action confirmation like toasts.

UX Flow Designer creates user flow maps and navigation structure for a focused product journey. Use it when the overall step sequence, screen connections, and recovery states need to be settled before page-level design.