# design-for-ai

Claude builds interfaces that look like Claude built them. Cyan-on-dark hero sections. Cards in a grid, all the same size. Glassmorphism on everything. Bounce easing. Inter at 16px. You've seen it. You've shipped it. Your users noticed.

- Tier: Indexed (plain plugin)
- Category: Design
- Page: https://www.flowy.sh/listings/ryanthedev-design-for-ai
- Source: https://github.com/ryanthedev/design-for-ai
- Price: free and open source

## Summary
design-for-ai is a Claude Code plugin with 4 hand-picked skills, indexed on Flowy in the Design category. Install it with the command on its page. It includes clarify, data-viz, prototype. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

## Install (Claude Code)
```
npx -y skills add ryanthedev/design-for-ai --agent claude-code
```

## Skills
- clarify
- data-viz
- prototype
- usability

## FAQ

### What is design-for-ai?
Claude builds interfaces that look like Claude built them. Cyan-on-dark hero sections. Cards in a grid, all the same size. Glassmorphism on everything. Bounce easing. Inter at 16px. You've seen it. You've shipped it. Your users noticed.

### How do I install design-for-ai?
Run these in Claude Code: npx -y skills add ryanthedev/design-for-ai --agent claude-code. Then prompt normally.

### Does design-for-ai auto-invoke its skills?
Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

### Is design-for-ai free?
Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.