Agent skills

A free skill for Claude Code and other agents – which item fits where, wiring, theming, worked examples and a review checklist – plus Pro skills for whole screens, migrations, branding, audits, worst-case tests, keyboard focus and responsive layouts.

• Introduction – What affectUI is, how it is organized and how to read a component page.
• Installation – Install components with the shadcn CLI or by copying a single file.
• Theming – Change a component's colors with CSS variables, including dark mode.
• Accessibility – Keyboard support, focus handling and reduced motion.
• Using with AI – MCP server, llms.txt and prompts – let your coding assistant find and add components.
• Agent skills – A free skill for Claude Code and other agents – which item fits where, wiring, theming, worked examples and a review checklist – plus Pro skills for whole screens, migrations, branding, audits, worst-case tests, keyboard focus and responsive layouts.