trevorgrogers

trevorgrogers/ux-designer-skills

Plugin Claude Code

Plugin marketplace listing 1 plugin: ux-designer-skills.

trevorgrogers/ux-designer-skills

Plugin Claude Code

Opinionated design leadership in your terminal. 7 agents and 16 skills grounded in cognitive psychology, real research, and business outcomes. Built by a design leader, not a framework.

trevorgrogers/ux-designer-skills

Agent

Accessibility specialist. Evaluates designs and code against WCAG 2.1/2.2 guidelines, ARIA patterns, and inclusive design principles. Accessibility is a quality bar, not a checkbox.

trevorgrogers/ux-designer-skills

Agent

Design review and critique specialist. Evaluates designs against UX principles, heuristics, and accessibility standards. Opinionated, specific, and business-driven.

trevorgrogers/ux-designer-skills

Agent

Main UX routing agent - intelligently delegates to specialist agents based on request type. Your AI design leadership copilot.

trevorgrogers/ux-designer-skills

Agent

Design systems specialist. Builds and maintains component libraries, design tokens, documentation, and system governance. Adoption is the only metric that matters.

trevorgrogers/ux-designer-skills

Agent

Information architecture specialist. Designs navigation, taxonomies, content hierarchies, and site structure. If users can't find it, it doesn't exist.

trevorgrogers/ux-designer-skills

Agent

Interaction design specialist. Recommends patterns, flows, states, and micro-interactions. Boring beats clever. Mobile first. Every state matters.

trevorgrogers/ux-designer-skills

Agent

Usability research specialist. Plans studies, designs test protocols, analyzes findings, and produces decisions. Research without action is just tourism.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

WCAG 2.1/2.2 guidelines, ARIA patterns, and inclusive design principles. Use when auditing accessibility, implementing ARIA, reviewing color contrast, or designing for screen readers, keyboard users, and cognitive accessibility.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Opinionated design critique framework grounded in business outcomes, named principles, and specific actionable feedback. Use when reviewing designs, running critique sessions, or giving feedback that actually improves the work.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Deceptive patterns (dark patterns), ethical design frameworks, persuasive vs. manipulative design, GDPR/consent UX. Use when reviewing designs for manipulation, designing consent flows, or evaluating ethical implications of design decisions.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Usability heuristics for catching real problems in interfaces, not generating busywork. Nielsen's 10 and Shneiderman's Golden Rules, reframed around business outcomes with practical severity scoring.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Design process philosophy and frameworks. When to use JTBD, Design Sprints, Double Diamond, IDEO. How to run outcome-driven design, effective critique, and recognize when process is theater. Use when planning design work, structuring discovery, or choosing the right level of rigor for the problem.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Design systems architecture - tokens, components, documentation, governance. Use when building or scaling a design system, defining component APIs, establishing token architecture, or creating contribution guidelines.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Figma to code with AI - MCP server workflow, vibe coding, Code Connect, file preparation, design tokens, and plugin ecosystem. Use when going from Figma designs to production code with Claude Code, Cursor, or other AI coding tools.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Figma best practices at scale - file organization, component architecture, design tokens/variables, dev handoff, branching, libraries, and performance. Use when advising on Figma workflow, structuring design systems in Figma, optimizing files, or preparing designs for developer handoff.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Information architecture that actually works. Navigation, taxonomy, hierarchy, search, and labeling, framed around the principle that if users can't find it, it doesn't exist.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Common interaction patterns and when to use them - modals, drawers, progressive disclosure, inline editing, navigation patterns, mobile gestures, and form design. Use when choosing between interaction approaches or designing component behavior.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Master the 30 Laws of UX from lawsofux.com. Apply cognitive psychology, perception, and behavioral science principles to interface design. Use when evaluating designs, making interaction decisions, justifying design choices, or teaching UX fundamentals.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Mobile-specific design guidelines - iOS Human Interface Guidelines, Material Design 3, gesture navigation, haptic feedback, adaptive layouts, thumb zones. Use when designing mobile apps or evaluating mobile-specific patterns.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Modern CSS capabilities designers should know - container queries, :has(), view transitions, scroll-driven animations, subgrid, fluid typography. Use when designing responsive layouts, specifying component behavior, or bridging design-to-development communication.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

UI animation principles - Disney's 12 principles applied to interfaces, Material Design motion system, easing curves, duration guidelines, and accessibility (prefers-reduced-motion). Use when specifying animations, transitions, or micro-interactions.

trevorgrogers/ux-designer-skills

Skill Claude CodeCodex

Usability testing methodology - study design, task creation, moderation techniques, analysis, and reporting. Use when planning user tests, writing test scripts, analyzing results, or presenting findings.