This is for mapping out user flows before you start building individual pages. It produces ASCII flow diagrams and screen inventories based on proven UX principles like progressive disclosure and Hick's Law, ensuring you never bury key features more than three taps deep. The skill scaffolds actual page files using StyleSeed conventions and references your design system to stay consistent with available components. It enforces practical constraints like maximum 5-9 items per chunk and requires clear entry/exit points plus recovery paths for errors. Best used early when you're planning navigation structure for an onboarding sequence, checkout flow, or dashboard hierarchy. Once the flow is settled, you'd switch to ss-page for implementing individual screens and ss-copy for refining the actual text.

skills.sh installs
827
GitHub stars
1K
last updated
Jun 11, 2026

Install

$ npx -y skills add bitjaru/styleseed --skill ss-flow --agent claude-code

Installs into .claude/skills of the current project.

Files

This is for mapping out user flows before you start building individual pages. It produces ASCII flow diagrams and screen inventories based on proven UX principles like progressive disclosure and Hick's Law, ensuring you never bury key features more than three taps deep. The skill scaffolds actual page files using StyleSeed conventions and references your design system to stay consistent with available components. It enforces practical constraints like maximum 5-9 items per chunk and requires clear entry/exit points plus recovery paths for errors. Best used early when you're planning navigation structure for an onboarding sequence, checkout flow, or dashboard hierarchy. Once the flow is settled, you'd switch to ss-page for implementing individual screens and ss-copy for refining the actual text.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/bitjaru/styleseed
Category
Design & UI/UX
License
MIT
First seen
Jun 11, 2026

More from bitjaru/styleseed

All 14
1harperfast avatarharper-best-practicesharperfast/skillsBest practices for building Harper applications, covering schema definition, automatic APIs, authentication, custom resources, and data handling. Triggers on ta819skills.sh installs
2mindrally avatarandroid-developmentmindrally/skillsAndroid development guidelines for Kotlin with clean architecture, MVI pattern, Material Design, and best practices for building robust mobile applications813skills.sh installs
3nvidia avatarnemoclaw-user-referencenvidia/skillsDescribes the NemoClaw integration layer and blueprint architecture and how they orchestrate compatible agent sandboxes. Use when looking up architecture, agent813skills.sh installs
4aj-geddes avatartechnical-specificationaj-geddes/useful-ai-promptsCreate detailed technical specifications, requirements documents, design documents, and system architecture specs. Use when writing technical specs, requirement811skills.sh installs
5syncfusion avatarsyncfusion-react-schedulersyncfusion/react-ui-components-skillsImplement Syncfusion React Scheduler component for calendar, event scheduling, and appointment management. Use this when building scheduling systems, calendar a810skills.sh installs
6mindrally avataraspnet-coremindrally/skillsGuidelines for ASP.NET Core web development covering API design, authentication, caching, and best practices802skills.sh installs