nicohodt/claude-code-ui-ux-skill
Plugin Claude Code
Plugin marketplace listing 1 plugin: ui-ux-pro-max.
2 29d ago A
tokens not measured
original MIT
nicohodt/claude-code-ui-ux-skill
Plugin Claude Code
UI/UX design intelligence. Searchable local database with 84 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP…
2 29d ago A
tokens not measured
original MIT
nicohodt/claude-code-ui-ux-skill
Skill Claude CodeCodex
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold…
2 29d ago A 118 tokens
copy · 98% MIT
brand
04nicohodt/claude-code-ui-ux-skill
Skill Claude CodeCodex
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
2 29d ago A 35 tokens
copy · 94% MIT
nicohodt/claude-code-ui-ux-skill
Skill Claude CodeCodex
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
2 29d ago A 52 tokens
copy · 95% MIT
design
06nicohodt/claude-code-ui-ux-skill
Skill Claude CodeCodex
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos…
2 29d ago A 141 tokens
copy · 98% MIT
slides
07nicohodt/claude-code-ui-ux-skill
Skill Claude CodeCodex
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
2 29d ago A 25 tokens
copy · 95% MIT
ui-styling
08nicohodt/claude-code-ui-ux-skill
Skill Claude CodeCodex
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…
2 29d ago A 90 tokens
copy · 100% MIT
nicohodt/claude-code-ui-ux-skill
Skill Claude CodeCodex
UI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 99 UX guidelines, 105 icon entries, 16 GSAP motion presets, and 25 chart types across 22 stacks (React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter…
2 29d ago A 162 tokens
copy · 95% MIT
nicohodt/claude-code-ui-ux-skill
Instructions file
Instructions for nicohodt/claude-code-ui-ux-skill, covering claude.md, project overview, search command, architecture and sync rules.
2 29d ago A 2,188 tokens
original MIT
nicohodt/claude-code-ui-ux-skill
Agent Claude Code
Expert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality, responsiveness, or accessibility. Drives a real browser (Playwright MCP) across viewports, checks WCAG 2.1 AA, and returns…
2 29d ago A 82 tokens
copy · 100% MIT
design-plan
12nicohodt/claude-code-ui-ux-skill
Command Claude Code
Generate a concrete design system (tokens, style, type, UX) before building UI.
2 29d ago A 17 tokens
copy · 100% MIT
nicohodt/claude-code-ui-ux-skill
Command Claude Code
description: Run the 7-phase design review (WCAG AA, responsive, interaction) on a page or URL argument-hint: [url-or-file] [optional focus, e.g. "mobile nav" or "checkout flow"].
2 29d ago A 21 tokens
copy · 100% MIT
nicohodt/claude-code-ui-ux-skill
Settings file Claude Code
Agent settings declaring 7 allowed tools.
2 29d ago A
tokens not measured
copy · 100% MIT
playwright
15nicohodt/claude-code-ui-ux-skill
MCP server Claude CodeCodexCursor +2
Lets the agent drive a real browser: open pages, click, type, take screenshots and read the accessibility tree, using Playwright. Runs locally from the @playwright/mcp npm package.
2 29d ago A
tokens not measured
copy · 100% MIT
nicohodt/claude-code-ui-ux-skill
MCP server Claude CodeCodexCursor +2
Lets the agent inspect and automate a live Chrome instance through the DevTools protocol: performance traces, network, console. Runs locally from the chrome-devtools-mcp npm package.
2 29d ago A
tokens not measured
copy · 100% MIT
shadcn
17nicohodt/claude-code-ui-ux-skill
MCP server Claude CodeCodexCursor +2
Add components to your apps. Runs locally from the shadcn npm package.
2 29d ago A
tokens not measured
copy · 100% MIT