cuyamaca-frontend
CommunityDesign Cuyamaca UI with warm-white glass.
Authoryuyanghu06
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Design and implement frontend interfaces for the Cuyamaca project that adhere to the warm-white liquid glass aesthetic and exact design tokens, ensuring visual consistency across editor, runtime window, panels, and controls.
Core Features & Use Cases
- Enforce the Cuyamaca frontend design language across UI components such as the project editor, runtime window, parts panel, code view, serial monitor, and settings.
- Provide reference materials including color palette, glass treatments, and component patterns to guide styling.
- Ensure consistency and reusability by applying tokens and patterns when creating new UI surfaces or updating existing ones.
Quick Start
Describe the UI you want to build and apply the Cuyamaca frontend design rules.
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: cuyamaca-frontend Download link: https://github.com/yuyanghu06/cuyamaca/archive/main.zip#cuyamaca-frontend 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 471,000+ vetted skills library on demand.