Skip to content
vibetrend

Claude Code UI/UX Skill

Design intelligence database for AI coding assistants

–
Today
–
7 days
#1236
30 days
nicohodt.github.ioOpen live site ↗
Screenshot of Claude Code UI/UX Skill homepageVisit 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.

2026-09-29: 0 upvotes, 0 visits, 1 stars, 0 HN points2026-09-30: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-01: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-02: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-03: 0 upvotes, 0 visits, 1 stars, 0 HN points2026-10-04: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-05: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-06: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-07: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-08: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-09: 0 upvotes, 0 visits, 2 stars, 0 HN points2026-10-10: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-11: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-12: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-13: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-14: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-15: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-16: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-17: 0 upvotes, 0 visits, 1 stars, 0 HN points2026-10-18: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-19: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-20: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-21: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-22: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-23: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-24: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-25: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-26: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-27: 0 upvotes, 0 visits, 0 stars, 0 HN points2026-10-28: 0 upvotes, 0 visits, 0 stars, 0 HN points
30 days agotoday

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

UI UX Pro Max screenshot#10 this week
UI UX Pro Max

AI-powered design intelligence toolkit for building professional interfaces

Claude Code★ 142k GitHub stars
Introduction screenshot
Introduction

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

Claude Code★ 11k GitHub stars
M3E Canvas screenshot
M3E Canvas

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

Claude Code★ 9.8k GitHub stars
OpenPencil screenshot
OpenPencil

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

Claude Code★ 9.4k GitHub stars
Dembrandt screenshot
Dembrandt

Extract design systems from any website into tokens and design documentation

Claude Code★ 3.9k GitHub stars