cuyamaca-frontend

Community

Design 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.