ryanthedev

Flow — Development skill for Claude Code

Development community

description: Add motion, interaction states, and responsive behavior Run the design-for-ai skill focused on temporal and adaptive design.

How to install Flow

Installs to ~/.claude/skills/ryanthedev-design-for-ai-flow/SKILL.md

Terminal

mkdir -p ~/.claude/skills/ryanthedev-design-for-ai-flow && curl -fsSL https://raw.githubusercontent.com/ryanthedev/design-for-ai/HEAD/commands/flow.md -o ~/.claude/skills/ryanthedev-design-for-ai-flow/SKILL.md

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

What Flow does

description: Add motion, interaction states, and responsive behavior

Run the design-for-ai skill focused on temporal and adaptive design.

Read references/motion.md, references/interaction.md, and references/responsive.md.
Assess current state: What moves? What responds to user input? What adapts to screen size?
Walk through three dimensions:

**Motion:**

Entry animations: staggered reveals, fade+translate
State transitions: expand/collapse, show/hide, tab switches
Feedba

Alternatives in Development

Career-Ops For Codex — Read CLAUDE.md for all project instructions, routing, and behavioral rules 32.5k ★
Grammar Check — Identify grammar and flow errors with targeted fix suggestions 7.8k ★
Flow Parallel — Decompose and execute large changes, migrations, or multi-issue fixes in parallel with quality gates 2.8k ★