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.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill design-for-aiIs this agent skill safe to install?
- Gen Agent Trust Hubwarn
This skill serves as a stub that directs the agent to install a full plugin from a third-party source. It provides specific installation commands that modify the agent's runtime environment by adding a custom marketplace and installing remote code from a GitHub repository not associated with a trusted vendor.
- Socketpass
No alerts
- Snykwarn
Risk: MEDIUM · 1 issue
What does this agent skill do?
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-aiwith content beyond this stub.- Yes → invoke
design-for-aiand proceed - No → go to step 2
- Yes → invoke
-
Which agent are you on?
- Claude Code →
/plugin marketplace add ryanthedev/rtd-claude-innthen/plugin install design-for-ai@rtd - Cursor →
/plugin marketplace add ryanthedev/rtd-claude-innthen/plugin install design-for-ai@rtd - Other → see GitHub README
- Claude Code →
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-skillfor faster, lower-overhead iteration) - Accessibility-specific audits focused on ARIA, keyboard navigation, or WCAG compliance (use
fixing-accessibilityorwcag-audit-patterns)
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/design-for-ai">View design-for-ai on skillZs</a>