aneja5

Interaction — Design skill for Claude Code

Design community

Define interaction rules — modal vs bottom sheet, expand vs navigate, optimistic UI, undo vs confirm.

How to install Interaction

Installs to ~/.claude/skills/aneja5-forge-skills-interaction/SKILL.md

Terminal
mkdir -p ~/.claude/skills/aneja5-forge-skills-interaction && curl -fsSL https://raw.githubusercontent.com/aneja5/forge-skills/HEAD/commands/interaction.md -o ~/.claude/skills/aneja5-forge-skills-interaction/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Interaction does


description: Define interaction rules — modal vs bottom sheet, expand vs navigate, optimistic UI, undo vs confirm

Invoke the forge-skills:interaction-patterns skill.

Inventory every interaction primitive (modal, sheet, drawer, popover, toast, swipe, long-press, drag, pull-to-refresh). Assign one canonical pattern per category — e.g., mobile modals = bottom sheets, always. Set tap-target minimum (44pt), keyboard rules (Esc closes overlays, focus returns to trigger), scroll behavior. Dec

Alternatives in Design

  • Designer Skills — Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, i 2.3k ★
  • Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
  • Design Critique — UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci 309 ★

Full documentation available on GitHub

View Source Repository