claude

designer-ui-design

UI design: color systems, typography, layout grids, responsive design, data viz.

48 on GitHubby MC Deanv1.0.0MITupdated 8 months agodesign
/

Plugin designer-ui-design from marketplace claude-skills in sethdford/claude-skills. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (9)

  • color-system

    Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.

  • dark-mode-design

    Design effective dark mode interfaces with proper color adaptation, contrast, and elevation.

  • data-visualization

    Design clear, accessible data visualizations with appropriate chart selection and styling.

  • illustration-style

    Define an illustration style guide with visual language, color usage, and application rules.

  • layout-grid

    Define responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.

  • responsive-design

    Design adaptive layouts and interactions that work across all screen sizes and input methods.

  • spacing-system

    Create a consistent spacing system based on a base unit with contextual application rules.

  • typography-scale

    Create a modular typography scale with size, weight, and line-height relationships.

  • visual-hierarchy

    Establish clear visual hierarchy through size, weight, color, spacing, and positioning.

Slash commands (4)

  • /designer-ui-design:color-palette

    Generate a full color palette with semantic mapping and accessibility checks.

  • /designer-ui-design:design-screen

    Design a complete screen layout from a description or requirements.

  • /designer-ui-design:responsive-audit

    Audit a design for responsive behavior across breakpoints.

  • /designer-ui-design:type-system

    Create a complete typography system from brand fonts or requirements.

View source on GitHub

More from sethdford/claude-skills

All 57 plugins →

sdlc-cross-role

claude

Cross-functional SDLC workflows: phase gates, definitions of ready/done, feature lifecycle, release checklists, incident-to-improvement, compliance traceability. Grounded in ISO/IEC 12207, 15288.

8 skills · 8 commands

48

architect-system-design

claude

Architecture patterns, system decomposition, DDD, microservices, event-driven, CQRS. Grounded in TOGAF, IASA BTABoK, ISO 42010.

10 skills · 4 commands

48

designer-research

claude

User research: personas, empathy maps, journey maps, interviews, usability testing, JTBD.

10 skills · 4 commands

48

engineer-code-quality

claude

Clean code, refactoring, SOLID principles, code smell detection, complexity analysis.

10 skills · 4 commands

48

pm-discovery

claude

Problem discovery, customer research, opportunity assessment, assumption mapping.

10 skills · 4 commands

48

engineer-testing

claude

TDD, property-based testing, test architecture, mutation testing, test data management.

9 skills · 4 commands

48

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

pr-review-toolkit

claude

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain designer-ui-design?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins57 plugins