gui/plans/hanzogui-skill/skills/hanzogui/README.md

Gui Skill

Official Claude Code skill for Gui - the universal React UI framework.

Installation

npx skills add hanzogui/hanzogui-skills

Usage

The skill activates when working with Gui code. It provides:

• Core styling patterns (styled(), variants, tokens)
• Component usage (Button, Dialog, Sheet, etc.)
• Animation guidance
• Anti-patterns to avoid
• Compiler optimization tips

Project-Specific Config

For your project's actual tokens, themes, and components:

npx hanzogui generate-prompt

This generates hanzogui-prompt.md with your specific configuration. The skill will reference this file when available.

What's Included

skills/hanzogui/
├── SKILL.md              # Main skill (~600 lines)
└── references/
    ├── components.md     # Component API reference
    ├── animations.md     # Animation drivers and patterns
    └── configuration.md  # Config setup guide

Resources

• Gui Docs
• GitHub
• Discord