🎯

ui-ux-design

🎯Skill

from samhvw8/dot-claude

What it does

Comprehensive UI/UX design reference database with 50+ styles, 21 color palettes, 50 font pairings, 20 chart types, and stack-specific best practices for React, Next.js, Vue, Svelte, SwiftUI, Flutter, and more.

📦

Same repository

samhvw8/dot-claude(36 items)

ui-ux-design

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add samhvw8/dot-claude --skill ui-ux-design

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add samhvw8/dot-claude --skill ui-ux-design

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/ui-ux-design/SKILL.md

SKILL.md

146Installs

Last UpdatedDec 9, 2025

View on GitHub Back to Skills

More from this repository10

🎯

ui-design-system🎯Skill

React UI component system skill for building accessible, themeable interfaces with TailwindCSS, Radix UI, and shadcn/ui, covering design system architecture, responsive layouts, dark mode, and component composition

🎯

project-planner🎯Skill

Skill

🎯

claude-md-architect🎯Skill

Generates and optimizes CLAUDE.md project instruction files for Claude Code by analyzing codebase context, applying Anthropic best practices, and minimizing token consumption for maximum effectiveness.

🎯

nextjs-turborepo🎯Skill

Comprehensive guide for full-stack web development with Next.js (App Router, Server Components, SSR/SSG/ISR) and Turborepo (monorepo management, build pipelines, remote caching) for modern applications.

🎯

google-adk-python🎯Skill

Skill

🎯

planning🎯Skill

A technical implementation planning and architecture design skill covering feature planning, system architecture, technical evaluation, requirement breakdown, and trade-off analysis.

🎯

prompt-enhancer🎯Skill

A prompt engineering and optimization skill that transforms unclear prompts, reduces token usage, improves structure, adds constraints, and performs backward-compatible rewrites for better LLM outputs.

🎯

mobile-development🎯Skill

Cross-platform mobile development skill covering React Native, Flutter, Swift/SwiftUI, and Kotlin/Jetpack Compose with offline-first architecture, push notifications, and app store deployment.

🎯

aesthetic🎯Skill

A visual design intelligence and UI aesthetics skill covering design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, and WCAG accessibility.

🎯

3d-graphics🎯Skill

Skill for building 3D web graphics with Three.js, covering WebGL/WebGPU rendering, scenes, cameras, materials, lights, animations, model loading (GLTF/FBX), PBR materials, post-processing effects, and VR/XR experiences.