How do I install the Design For AI skill?

Run npx skillmds add podo/design-for-ai in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Design For AI safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Design For AI?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Design For AI free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Design For AI?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Design For AI by podo — Agent Skill

Name: Design For AI
Rating: 4.666666666666667 (3 reviews)
Author: podo

Design For AI

Two-mode plugin: CHECKER audits designs across seven categories (purpose, typography, proportions, composition, visual hierarchy, color, SEO); APPLIER guides six-phase creation from foundation through technical implementation.

podo 96a23f1 2 files · 2.4 KB Updated Sep 9, 2026

File contents

design-for-ai

Catalogue stub — full package: ryanthedev/design-for-ai

Decision tree

Is the package already installed? Check: your agent's skills directory contains design-for-ai with content beyond this stub.
- Yes → invoke design-for-ai and proceed
- No → go to step 2
Which agent are you on?
- Claude Code → /plugin marketplace add ryanthedev/rtd-claude-inn then /plugin install design-for-ai@rtd
- Cursor → /plugin marketplace add ryanthedev/rtd-claude-inn then /plugin install design-for-ai@rtd
- Other → see GitHub README

Install command

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

Note: install is a two-step process — add the marketplace source first, then install the plugin by name.

Invoke after install

Skill name: design-for-ai
Trigger phrases: "design checker", "design auditor", "design for AI", "rtd design", "design-for-ai"

What it does

Operates in two distinct modes. CHECKER mode audits an existing design across seven scored categories — purpose and clarity, typography, proportions, composition, visual hierarchy, color, and SEO readiness — and returns a structured report with actionable remediation for each failing category. APPLIER mode guides creation of a new design through six sequential phases: foundation (brief and constraints), layout structure, typographic system, color and contrast, component composition, and technical implementation. Together the two modes cover the full design lifecycle from blank canvas to quality-assured output.

When NOT to use

Lightweight UI polish on an existing component (use taste-skill for faster, lower-overhead iteration)
Accessibility-specific audits focused on ARIA, keyboard navigation, or WCAG compliance (use fixing-accessibility or wcag-audit-patterns)

---name: design-for-aidescription: Two-mode plugin: CHECKER audits designs across seven categories (purpose, typography, proportions, composition, visual hierarchy, color, SEO); APPLIER guides six-phase creation from foundation through technical implementation.--- # design-for-ai > Catalogue stub — full package: [ryanthedev/design-for-ai](https://github.com/ryanthedev/design-for-ai) ## Decision tree 1. **Is the package already installed?** Check: your agent's skills directory contains `design-for-ai` with content beyond this stub. - Yes → invoke `design-for-ai` and proceed - No → go to step 2 2. **Which agent are you on?** - Claude Code → `/plugin marketplace add ryanthedev/rtd-claude-inn` then `/plugin install design-for-ai@rtd` - Cursor → `/plugin marketplace add ryanthedev/rtd-claude-inn` then `/plugin install design-for-ai@rtd` - Other → see [GitHub README](https://github.com/ryanthedev/design-for-ai) ## Install command ```bash /plugin marketplace add ryanthedev/rtd-claude-inn /plugin install design-for-ai@rtd ``` Note: install is a two-step process — add the marketplace source first, then install the plugin by name. ## Invoke after install - Skill name: `design-for-ai` - Trigger phrases: "design checker", "design auditor", "design for AI", "rtd design", "design-for-ai" ## What it does Operates in two distinct modes. CHECKER mode audits an existing design across seven scored categories — purpose and clarity, typography, proportions, composition, visual hierarchy, color, and SEO readiness — and returns a structured report with actionable remediation for each failing category. APPLIER mode guides creation of a new design through six sequential phases: foundation (brief and constraints), layout structure, typographic system, color and contrast, component composition, and technical implementation. Together the two modes cover the full design lifecycle from blank canvas to quality-assured output. ## When NOT to use - Lightweight UI polish on an existing component (use `taste-skill` for faster, lower-overhead iteration) - Accessibility-specific audits focused on ARIA, keyboard navigation, or WCAG compliance (use `fixing-accessibility` or `wcag-audit-patterns`)

Frequently asked questions