All tools
Skill

design-for-ai

Claude Code plugin that teaches visual design (typography, color, composition), with clarify, prototype, usability and data-viz skills

View on GitHub★ 312 stars, as of 2026-10-16

Install

/plugin marketplace add ryanthedev/rtd-claude-inn
/plugin install design-for-ai@rtd

Taken from the project README. Check the source for the latest instructions.

Before / after

Same standard brief both times: a landing page for Tally, a fictional budgeting app, screenshotted at 1440px. Before = no skill. After = generated by us applying the skill's published instructions to that brief. We did not run the skill inside its own agent or tooling, so results may differ from a native install. How we test

Before: Tally landing page without any skill
Before (no skill)
After: Tally landing page with design-for-ai
After (with design-for-ai)