Flow banner
ryanthedev ryanthedev

Flow

Development community

Description

--- description: Add motion, interaction states, and responsive behavior --- Run the design-for-ai skill focused on temporal and adaptive design. 1. Read references/motion.md, references/interaction.md, and references/responsive.md. 2. Assess current state: What moves? What responds to user input? What adapts to screen size? 3. Walk through three dimensions: **Motion:** - Entry animations: staggered reveals, fade+translate - State transitions: expand/collapse, show/hide, tab switches - Feedba

Installation

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.

Full documentation available on GitHub

View Source Repository