ss-setup

Configure StyleSeed design system setup and scaffold an initial app page.

22|1|Updated Jul 17, 2026
One-click install
npx skills add https://github.com/izzoa/polyrouter --skill ss-setup
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ss-setup
Source: https://github.com/izzoa/polyrouter/tree/main/.agents/skills/ss-setup
Command: npx skills add https://github.com/izzoa/polyrouter --skill ss-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides a user through configuring the StyleSeed design system for a project, removing guesswork around colors, fonts, layout style, and the initial page scaffold.

Core Features & Use Cases

  • Step-by-step setup: Collects the app type, brand color, design concept, font, and app name in a conversational flow.
  • Theme configuration: Updates theme and font files to match the chosen visual direction while preserving StyleSeed layout rules.
  • First page scaffolding: Generates the initial app screen using the correct composition recipe for dashboards, e-commerce, fintech, social apps, or productivity tools.
  • Design lock creation: Writes a STYLESEED.md file so future edits stay consistent with the chosen decisions.
  • Use case: A founder wants a polished dashboard foundation for a SaaS product and uses this Skill to configure the system, scaffold the first page, and lock the visual style.

Quick Start

Use ss-setup to walk me through configuring StyleSeed for my project and generating the first page.

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 React design system and scaffold the first application page?

To set up a React design system and scaffold the first page, use an interactive setup wizard to select your app type, brand color, and fonts, which then generates the initial screen composition. This process updates your theme files and creates a design lock for consistency.

Does the StyleSeed setup wizard work with Tailwind v4 projects?

Yes, the StyleSeed setup wizard is specifically built for React and Tailwind v4 projects. It applies stepwise theme selection and font configuration to ensure the generated first-screen layout matches Tailwind v4 styling rules.

How do I configure theme and font files for a new SaaS dashboard?

Configuring theme and font files for a SaaS dashboard involves a conversational flow that collects your brand color and design concept. The wizard then automatically updates your project's theme files and locks these decisions in a STYLESEED.md file.

What is a design lock file and when do I need it for page scaffolding?

A design lock file, like STYLESEED.md, records your chosen visual directions like colors and layout styles to ensure future edits remain consistent. You need it during page scaffolding to preserve the selected design system rules across your application.

Can I generate different initial app screens for e-commerce, fintech, or social apps?

Yes, you can generate different initial app screens for e-commerce, fintech, social, or productivity apps. The setup wizard uses fallback-safe composition recipes to scaffold the correct first-screen layout based on your specific app type.