claude

skills-design

21 skills. Visual and product design: design systems, UX, brand, typography and accessibility.

4 on GitHubby Poorvith M Pv4.1.0MITupdated 1 month agodesign
/

Plugin skills-design from marketplace skillary in poorvith-mp/skillary. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (48)

  • a-b-test-designer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • accessibility-review

    Check a design for contrast, target size, focus order and motion safety before anything gets built. Use when auditing color contrast, focus states, tap targets, or ARIA UX.

  • animation-planner

    Moved to modernized catalog in skillary. Removed in v4.1.

  • brand-guardian

    Moved to modernized catalog in skillary. Removed in v4.1.

  • brand-system

    Build brand identity end to end: voice, logomarks, adaptive logo systems and usage rules. Use when defining brand guidelines, logos, iconography, or visual assets.

  • build-premium-website

    Moved to modernized catalog in skillary. Removed in v4.1.

  • color-palette-generator

    Moved to modernized catalog in skillary. Removed in v4.1.

  • color-psychology

    Define color meaning: category conventions, emotional resonance, cultural symbolism, and owner gaps. Use when analyzing color psychology or brand palettes.

  • color-system

    Turn a chosen direction into a real palette: tints, WCAG contrast, dark mode mapping, elevation and tokens. Use when building semantic color tokens, dark mode palettes, or contrast scales.

  • component-library

    Design the component set with consistent structure, states and semantic naming. Use when creating reusable Figma components, variants, or design libraries.

  • component-namer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • dark-mode-adapter

    Moved to modernized catalog in skillary. Removed in v4.1.

  • delight

    Add personality through microinteractions, copy moments and easter eggs, without harming usability. Use when adding tasteful Easter eggs, celebratory animations, or personality.

  • design-critique

    Critique a design against heuristics: visual hierarchy, typography, spacing, colour and accessibility. Use when reviewing visual hierarchy, layout balance, spacing, or typography.

  • design-direction

    Choose the visual genre fitting product and audience: editorial, brutalist, swiss, retro, soft-tech. Use when establishing visual direction or moodboards.

  • design-taste

    Find and fix AI design signatures: gradient blobs, three identical cards, purple-on-white. Not for prose (see writing-taste). Use when eliminating generic AI design tropes and templates.

  • figma-to-copy

    Moved to modernized catalog in skillary. Removed in v4.1.

  • frontend-design

    Build distinctive, production-grade interfaces in real code, avoiding generic AI-default layouts. Use when implementing pixel-perfect CSS, Tailwind, Flexbox, or responsive code.

  • heatmap-interpreter

    Moved to modernized catalog in skillary. Removed in v4.1.

  • icon-brief-writer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • icon-design

    Write icon briefs specifying metaphor, style, grid, stroke weight and usage context. Use when crafting custom SVG icon sets, glyphs, or pixel-perfect grids.

  • image-prompt-engineer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • image-prompts

    Write AI image prompts covering subject, lighting and composition, countering the models' bias toward stereotyped depictions. Use when authoring Midjourney, Flux, or DALL-E AI image prompts.

  • inclusive-visuals-designer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • information-architecture

    Structure navigation, hierarchy and content models, and hand engineering an implementable spec. Use when structuring app navigation, sitemaps, hierarchy, or taxonomies.

  • interactive-prototype

    Turn a design into a clickable prototype with real flows, states and transitions, ready to put in front of users. Use when building clickable Figma prototypes, state flows, or micro-interactions.

  • logo-brand-mark-designer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • motion-design

    Specify UI animation and motion graphics: what moves, easing, timing, audio sync points and export settings. Use when designing UI transitions, spring physics, or micro-interactions.

  • motion-graphics-producer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • onboarding-flow-designer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • print-packaging-designer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • print-packaging

    Produce print-ready packaging with bleed, die lines, CMYK/Pantone profiles and material specs. Use when designing physical packaging, die-lines, CMYK swag, or print assets.

  • responsive-breakpoint-advisor

    Moved to modernized catalog in skillary. Removed in v4.1.

  • responsive-rules

    Define breakpoint strategy, fluid type scales and adaptive layout behaviour across devices. Use when designing responsive grid breakpoints, fluid spacing, or adaptive layouts.

  • type-system

    Build the type scale, font pairing, hierarchy rules, line height and vertical rhythm. Use when defining typographic scales, modular ratios, fonts, or line-heights.

  • typography-system-builder

    Moved to modernized catalog in skillary. Removed in v4.1.

  • ui-copy

    Write interface microcopy — buttons, errors, empty states, tooltips — and replace placeholder text with real copy. Use when writing UI microcopy, button labels, empty states, or error messages.

  • ui-design

    Design screen layouts and visual systems for a product surface. Use when designing user interfaces, dashboard screens, or visual layouts.

  • ui-designer

    Moved to ui-design in skills-design. Removed in v4.1.

  • user-persona-builder

    Moved to modernized catalog in skillary. Removed in v4.1.

  • ux-architect

    Moved to modernized catalog in skillary. Removed in v4.1.

  • ux-copy-writer

    Moved to modernized catalog in skillary. Removed in v4.1.

  • ux-research

    Plan and run usability studies and behavioural analysis, then turn findings into research-backed personas. Use when running usability tests, journey mapping, or observing user behavior.

  • ux-researcher

    Moved to ux-research in skills-design. Removed in v4.1.

  • visual-storyteller

    Moved to modernized catalog in skillary. Removed in v4.1.

  • whimsy-injector

    Moved to modernized catalog in skillary. Removed in v4.1.

  • youtube-popup-graphic

    Moved to modernized catalog in skillary. Removed in v4.1.

  • youtube-thumbnail-maker

    Moved to modernized catalog in skillary. Removed in v4.1.

View source on GitHub

More from poorvith-mp/skillary

All 12 plugins →

58 skills. Software engineering: architecture, security, CI/CD, data, mobile, SRE and debugging.

135 skills

4

44 skills. Campaigns, SEO and AEO, social, paid media, lifecycle email and content.

91 skills

4

23 skills. Operations, strategy, product management, governance and freelancing.

52 skills

4

26 skills. Game development across Unity, Unreal, and Blender, plus art and audio pipelines.

48 skills

4

21 skills. Teaching, learning design, study systems, research and academic writing.

35 skills

4

14 skills. Sales execution, discovery, proposals, pipeline health and customer retention.

31 skills

4

Similar plugins

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

Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.

2 skills · 2 commands · 2 agents · 1 MCP server

f/prompts.chat 177,027

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

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Maintain skills-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 plugins12 plugins