Claude Code UI/UX Skill
Design intelligence database for AI coding assistants
Visit nicohodt.github.io ↗What is Claude Code UI/UX Skill?
An open-source skill that equips Claude, Cursor, Windsurf, and other AI coding assistants with structured design knowledge. Instead of generating generic interfaces, the tool provides a searchable offline database of UI patterns, color schemes, typography pairings, accessibility guidelines, and industry-specific design rules across 22 tech stacks. It includes a pre-delivery checklist that verifies contrast ratios, focus states, and responsive behavior before code generation completes.
Designed for developers and teams using AI coding tools who want consistent, industry-appropriate design outputs. The skill activates automatically during code generation without requiring special commands or prompts. MIT licensed and free forever, with contributions welcomed from the community.
Momentum
Daily activity over the last 30 days: upvotes, unique visits, new GitHub stars and Hacker News points.
How do we know it's vibe coded?
vibetrend discovered Claude Code UI/UX Skill automatically. Evidence: GitHub nicohodt/claude-code-ui-ux-skill; repo has .claude, CLAUDE.md. View source.
Similar vibe-coded apps
#10 this weekAI-powered design intelligence toolkit for building professional interfaces

Open-source parametric 3D CAD in Rust, runs desktop, browser, CLI, and MCP

Sketch Material 3 screens in the browser, generate AI coding prompts

Open-source design editor that opens Figma files with built-in AI

122 agent skills for AI coding tools to generate images, video, audio, and 3D

Extract design systems from any website into tokens and design documentation


Open-source local-first workspace for AI image and video creation with MCP agent