UIX Skills
March 10, 2026 · View on GitHub
AI-readable design rules and component documentation, distributed as skills for AI coding tools.
Available Skills
lucid-ui — Anti-AI-Purple Design System
For everyone. Professional UI design rules that prevent generic AI aesthetics. Works with any project, no UIX dependency needed.
- Concrete color palette (Rational Blue + Sentient Gold)
- Typography, spacing, and shadow systems
- Explicit anti-patterns: what NOT to generate
- Tailwind CSS utility patterns
uix-components — UIX Component & Protocol Guide
For UIX users. Complete API reference for AgentChat, adapters, and the UIX IR type system.
- 3-line quick start patterns
- Full component props reference
- Adapter usage (Vercel AI SDK, AG-UI, A2UI)
- Common integration patterns (Next.js, custom rendering)
Installation
Claude Code
Copy SKILL.md to your project as CLAUDE.md, or place in .claude/skills/:
cp skills/lucid-ui/SKILL.md CLAUDE.md
Claude.ai
Upload the SKILL.md file from either skill directory via the Claude.ai interface.
Cursor
Copy to .cursor/rules/:
cp skills/lucid-ui/SKILL.md .cursor/rules/lucid-ui.md
cp skills/uix-components/SKILL.md .cursor/rules/uix-components.md
OpenAI Codex
Copy to AGENTS.md:
cp skills/lucid-ui/SKILL.md AGENTS.md
Windsurf
Append to .windsurfrules:
cat skills/lucid-ui/SKILL.md >> .windsurfrules
GitHub Copilot
Copy to .github/copilot-instructions.md:
cat skills/lucid-ui/SKILL.md >> .github/copilot-instructions.md
Cline
Append to .clinerules:
cat skills/lucid-ui/SKILL.md >> .clinerules
Any AI Tool
The skill files are plain Markdown. Copy the content into whatever system prompt or context mechanism your AI tool supports.
Supported Platforms
| Platform | File | Auto-loaded |
|---|---|---|
| Claude Code | CLAUDE.md | Yes |
| Claude.ai | Upload skill | Yes |
| Cursor | .cursor/rules/*.md | Yes |
| OpenAI Codex | AGENTS.md | Yes |
| Windsurf | .windsurfrules | Yes |
| GitHub Copilot | .github/copilot-instructions.md | Yes |
| Cline | .clinerules | Yes |
| Gemini Code Assist | Style guide / system instruction | Manual |
Why?
AI models default to purple gradients, neon colors, and generic layouts because that's what dominates their training data. These skills provide explicit design constraints that produce professional, distinctive UIs instead.
Before (without skill): Every AI-generated page looks the same — purple gradients, rounded-3xl cards, floating blobs.
After (with Lucid UI skill): Clean, intentional design with a professional dual-tone color system, restrained borders, and clear visual hierarchy.