Katagami is a library of design languages. Every language has a philosophy, design tokens, compositional rules and its own art style. It also comes with a reference dashboard and landing pages. Explore, copy the DESIGN.md or connect the MCP directly, and your agent finds and follows the style.
Every project or HTML-based artifact starts the same way: make it look clean and modern. I know what I like when I see it but I can't name it, so I can't ask for it, and neither can my agent.
Katagami is a catalog of design languages.
✍️ How it works:
Pick a design language, hand it to your agent. Every language has a philosophy, design tokens, compositional rules and its own art style.
It also comes with a reference dashboard and landing pages, so you can see it working before you try.
Give the DESIGN.md link to your agent, so it has the vocabulary.
You can browse art styles separately.
Use the MCP at katagami.ai/mcp if you'd rather have your agent explore the catalog directly instead of copying files around.
Hey Product Hunt 👋
I'm Rita, and I made Katagami.
Every project or HTML-based artifact starts the same way: make it look clean and modern. I know what I like when I see it but I can't name it, so I can't ask for it, and neither can my agent.
Katagami is a catalog of design languages.
✍️ How it works:
Pick a design language, hand it to your agent. Every language has a philosophy, design tokens, compositional rules and its own art style.
It also comes with a reference dashboard and landing pages, so you can see it working before you try.
Give the DESIGN.md link to your agent, so it has the vocabulary.
You can browse art styles separately.
Use the MCP at katagami.ai/mcp if you'd rather have your agent explore the catalog directly instead of copying files around.
👉 katagami.ai
Tell me which language you would actually use, and what you looked for and couldn't find.