Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and…
EnglishTurn ONE design axis up or down as a coordinated, deterministic transform — "denser", "sharper corners", "more muted", "bolder", "flatter", "livelier". Not a vibe the model reinterprets each time; a defined ramp that moves many tokens together, respects the guardrails (8px grid, a11y floors, single accent, nested-radius), updates the lock, and re-runs the gate. Use this when a human saying "more X" would otherwise get an inconsistent one-off.
EnglishAdd appropriate user feedback states (loading, success, error, empty) to a component or…
EnglishApply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × entrance/exit/hover/press/layout) or a distinctive…
EnglishGenerate a composed UI pattern (card layout, list, form section, grid, etc.) using design system…
EnglishCompile 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.
EnglishApply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.
EnglishScore a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a prioritized fix list.
EnglishInteractive setup wizard — guides you step-by-step to configure the design system for your…
EnglishThe VISUAL gate — render a UI or visual artifact through its surface adapter, inspect the actual pixels, then fix and re-render until it passes the composed StyleSeed rule set.
EnglishDesign user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and information pyramids.
English
AGENT SKILLS ATLASIncludes Ss Accessibility, Ss Component, Ss Feedback, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Ss Accessibility
Audit a component or page for accessibility issues and fix them
Ss Audit
Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
Ss Component
Generate a new UI component following the StyleSeed design conventions
Ss Copy
Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone
Ss Dial
Turn ONE design axis up or down as a coordinated, deterministic transform — "denser", "sharper corners", "more muted", "bolder", "flatter", "livelier". Not a vibe the model reinterprets each time; a defined ramp that moves many tokens together, respects the guardrails (8px grid, a11y floors, single accent, nested-radius), updates the lock, and re-runs the gate. Use this when a human saying "more X" would otherwise get an inconsistent one-off.
Ss Feedback
Add appropriate user feedback states (loading, success, error, empty) to a component or page
Ss Flow
Design user flows and navigation structure following proven UX patterns
Ss Lint
Quick automated lint — detects common design system violations in seconds
Ss Motion
Apply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × entrance/exit/hover/press/layout) or a distinctive k
Ss Page
Scaffold a new mobile page/screen using the StyleSeed layout patterns
Ss Pattern
Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives
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.
Ss Restyle
Apply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.
Ss Review
Review UI code for design system compliance, accessibility, and best practices
Ss Score
Score a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a prioritized fix list. A quantified version
Ss Setup
Interactive setup wizard — guides you step-by-step to configure the design system for your project
Ss Tokens
View, add, or modify design tokens in the StyleSeed design system
Ss Update
Update StyleSeed engine in your project — analyzes what's outdated and updates safely
Ss Verify
The VISUAL gate — render a UI or visual artifact through its surface adapter, inspect the actual pixels, then fix and re-render until it passes the composed StyleSeed rule set.
UX Flow
Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and information pyramids.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Ss Accessibility skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.