This scaffolds a complete mobile screen with StyleSeed's layout patterns already wired up. You get PageShell, TopBar, BottomNav, and the right container structure without having to remember the spacing rules or safe area insets. The skill enforces their design system's "Golden Rules" after generation, like checking that all content lives inside cards, nothing uses hardcoded colors, and touch targets hit 44px minimum. It's meant for new screens only. If you're adding a pattern to an existing page or building desktop layouts, this isn't the right tool. The verification step is actually mandatory, which is a nice touch for teams that care about consistency.

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

Install

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

Installs into .claude/skills of the current project.

Files

This scaffolds a complete mobile screen with StyleSeed's layout patterns already wired up. You get PageShell, TopBar, BottomNav, and the right container structure without having to remember the spacing rules or safe area insets. The skill enforces their design system's "Golden Rules" after generation, like checking that all content lives inside cards, nothing uses hardcoded colors, and touch targets hit 44px minimum. It's meant for new screens only. If you're adding a pattern to an existing page or building desktop layouts, this isn't the right tool. The verification step is actually mandatory, which is a nice touch for teams that care about consistency.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/bitjaru/styleseed
Categories
Frontend Development, Automation & Workflows, Mobile Development, CLI & Terminal
License
MIT
First seen
Jun 11, 2026

More from bitjaru/styleseed

All 14
1mindrally avatarthree-jsmindrally/skillsExpert guidance for Three.js and React Three Fiber development with modern React, TypeScript, and performance best practices834skills.sh installs
2daymade avatarscrapling-skilldaymade/claude-code-skillsInstall, troubleshoot, and use Scrapling CLI to extract HTML, Markdown, or text from webpages. Use this skill whenever the user mentions Scrapling, `uv tool ins827skills.sh installs
3aaronvanston avatarpresentation-designaaronvanston/skills-presentationsVisual design guidance for bold, minimal presentations. Provides layout patterns, typography hierarchy, color specifications, and slide composition rules. Use w819skills.sh installs
4nexu-io avatartaste-skillnexu-io/open-designHigh-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density to stop generic UI slop.808skills.sh installs
5posit-dev avatarshiny-bslib-themingposit-dev/skillsAdvanced theming for Shiny apps using bslib and Bootstrap 5. Use when customizing app appearance with bs_theme(), Bootswatch themes, custom colors, typography, 807skills.sh installs
6openclaw avatarsession-vieweropenclaw/agent-skillsRender Codex, Claude Code, OpenClaw, or Pi session JSONL transcripts as a searchable, shareable single-file HTML viewer.806skills.sh installs