claude

designer-interaction

Interaction design: micro-animations, state machines, gestures, error handling, feedback.

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

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

What it installs

Skills (7)

  • animation-principles

    Apply animation principles to UI motion for purposeful, polished interactions.

  • error-handling-ux

    Design error prevention, detection, and recovery experiences.

  • feedback-patterns

    Design system feedback for user actions including confirmations, status updates, and notifications.

  • gesture-patterns

    Design gesture-based interactions for touch and pointer devices.

  • loading-states

    Design loading, skeleton, and progressive content reveal patterns.

  • micro-interaction-spec

    Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.

  • state-machine

    Model complex UI behavior as finite state machines with states, events, and transitions.

Slash commands (3)

  • /designer-interaction:design-interaction

    Design a complete interaction flow for a feature or component.

  • /designer-interaction:error-flow

    Design a complete error handling flow for a feature.

  • /designer-interaction:map-states

    Model the states and transitions for a complex UI component.

View source on GitHub

More from sethdford/claude-skills

All 57 plugins →

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

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

10 skills · 4 commands

48

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

10 skills · 4 commands

48

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

10 skills · 4 commands

48

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

10 skills · 4 commands

48

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

9 skills · 4 commands

48

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

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

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

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-interaction?

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