skills.rest
brixtonpham
brixtonphamCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-design

Search UI/UX patterns, palettes, typography, and guidelines from a centralized reference database.

Updated Jan 28, 2026
Search Tags:#typography#accessibility#charts#design-system#ui-patterns#color-palette#ux-guidelines
One-click install
npx skills add https://github.com/brixtonpham/claude-config --skill ui-ux-design-brixtonpham
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/brixtonpham/claude-config/tree/main/skills/ui-ux-design
Command: npx skills add https://github.com/brixtonpham/claude-config --skill ui-ux-design-brixtonpham

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX design reference database helps designers quickly access proven patterns, color palettes, typography, chart types, and stack-specific guidelines, reducing design debt and enabling consistency across products.

Core Features & Use Cases

  • 50+ styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind)
  • Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code
  • Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte
  • Use case: quickly lookup design patterns, color systems, and typography to accelerate UI/UX decisions.

Quick Start

Ask the system to fetch a UI/UX pattern for a given product type and stack and apply it to your design task.

Frequently Asked Questions about ui-ux-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find UI patterns and typography pairings for a React dashboard?▼

Find UI patterns and typography pairings by searching a centralized reference database that outputs stack-aware guidance, color systems, and implementation checklists for React dashboards.

Can I get color palette and accessibility guidelines for a Tailwind website?▼

Get color palette and accessibility guidelines by querying UI/UX references tailored for html-tailwind websites, receiving category tags, color guidance, and practical accessibility notes.

Does this UI/UX database support SwiftUI and Flutter mobile app patterns?▼

This UI/UX database supports SwiftUI and Flutter mobile app patterns, providing stack-specific design guidelines, font pairings, and actionable checklists to accelerate mobile decisions.

What is the best way to choose charts and font pairings for a SaaS admin panel?▼

Choose charts and font pairings for SaaS admin panels by searching a design reference that returns 20 chart types, 50 font pairings, and UX guidelines to ensure product consistency.

How do I review and improve UI/UX code for an e-commerce Svelte project?▼

Review and improve UI/UX code for an e-commerce Svelte project by fetching design system patterns, applying accessibility notes, and using implementation checklists to reduce design debt.

Related Skills

Explore More Design & Creative Skills→
wildbitcawildbitca
1

common-ui-design

Define UI aesthetic and design system tokens before frontend implementation.

Official
Advanced
markdo27markdo27

ui-ux-pro-max

Provide UI/UX styles, palettes, fonts, and guidelines for web and mobile apps.

Community
Advanced
ellowenellowen

interface-design

Design cohesive user interfaces for dashboards, admin panels, and apps.

Community
Advanced
HuskyDannyHuskyDanny

architecture-diagram

Generate standalone HTML/SVG system architecture diagrams from text descriptions.

Community
Basic