.webp)
Zypsy's product design skill is a free, MIT-licensed design system for AI agents. It teaches Claude Code, Cursor and any agent that supports skills to think about product design the way we do. We're a design and investment firm, and we built it from a decade of shipping product for funded startups and global brands. It's on GitHub, free for anyone to use.
What the skill covers
- Information architecture
- Interaction patterns
- Visual design
- Design systems
- AI-native UX
The skill isn't a style guide. It's an operating system for design decisions.
Why AI-generated UI looks generic
Most AI-generated UI looks like AI-generated UI. Generic, safe, forgettable. That's a tooling problem, not a model problem. The models are capable. They just don't know what good looks like unless you teach them.
How the skill handles empty states and forms
Take empty states. Most AI tools treat them as an afterthought: a centered icon, a headline, a button. But an empty state is where someone decides whether the thing is worth their time. Our skill treats it as an onboarding moment, not a placeholder.
Or take forms. Most AI output stacks every field with equal weight and throws away your input when something fails. Our skill shows only what's needed to finish the task, keeps labels visible instead of hiding them in placeholder text, and never loses a half-completed form on error.
How to install it
Two commands in Claude Code, a remote rule in Cursor, or one line for any other agent. Install instructions are in the README. Or read the skill itself.
