stella-design
CommunityElevate Stella frontend UI quality and consistency.
Authorruuxi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Stella desktop surfaces and user-created Stella apps often suffer from inconsistent frontend design, broken accessibility, visual drift from the established Stella design system, and poor responsive behavior that creates a fragmented user experience across different viewports and use contexts.
Core Features & Use Cases
- Comprehensive frontend guidance: Covers all Stella frontend surfaces including desktop chrome, settings, sidebars, onboarding flows, Store pages, and user-built apps created with the create-stella-app scaffold.
- Specialized reference materials: Includes targeted guides for visual principles, typography and layout, interaction states, responsive motion, product UI patterns, brand/showcase surfaces, and pre-launch quality audits.
- Use case: When building a new feature for the Stella desktop app or a user-created portfolio app, this skill ensures the UI matches Stella's design system, is accessible, responsive, and polished before release.
Quick Start
Use the stella-design skill to refine the frontend UI of the new Stella desktop settings page to align with product design standards.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: stella-design Download link: https://github.com/ruuxi/stella/archive/main.zip#stella-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.