💻

UI Skills

Community

Opinionated constraints for building better interfaces with Tailwind CSS, accessible primitives, animations, typography, and performance best practices.

ibelickDevelopment

Installation

Clone or download this skill to your Claude Code skills directory:

# Clone to your skills directory
git clone https://github.com/ibelick/ui-skills ~/.claude/skills/ui-skills

Skills are stored in ~/.claude/skills/ for personal use or .claude/skills/ for project-specific skills.

How it Works

This skill extends Claude Code's capabilities by providing specialized instructions for opinionated constraints for building better interfaces with tailwind css, accessible primitives, animations, typography, and performance best practices.

When you work on tasks related to this skill's domain, Claude Code automatically loads the relevant instructions to improve accuracy and provide domain-specific guidance.

Automatic Activation
Skills load automatically when Claude detects relevant tasks
Manual Invocation
Use /ui-skills to explicitly invoke

Compatibility

This skill uses the open Agent Skills specification and is compatible with:

Claude Code

Tags

uitailwindaccessibilityanimationsdesign-system

Related Development Skills

💻Frontend Design

Build production-grade frontend interfaces with React and Tailwind CSS, avoiding generic AI aesthetics.

💻MCP Builder

Create high-quality Model Context Protocol (MCP) servers for extending Claude's capabilities.

💻Webapp Testing

Test web applications using Playwright with automated browser testing and assertions.

Resources

Agent Skills SpecificationClaude Code DocsCreate Custom Skills
Back to All Skills