Design For AI — AI skill for Claude Code
description: Apply visual design principles — review, create, or get specific help Invoke the design-for-ai skill.
How to install Design For AI
Installs to ~/.claude/skills/ryanthedev-design-for-ai-design-for-ai/SKILL.md
mkdir -p ~/.claude/skills/ryanthedev-design-for-ai-design-for-ai && curl -fsSL https://raw.githubusercontent.com/ryanthedev/design-for-ai/HEAD/commands/design-for-ai.md -o ~/.claude/skills/ryanthedev-design-for-ai-design-for-ai/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Design For AI does
description: Apply visual design principles — review, create, or get specific help
Invoke the `design-for-ai` skill. This command supports two core modes:
**CHECKER mode** (default when reviewing existing work): Run a systematic design audit covering purpose, typography, proportions, composition, visual hierarchy, color, motion, interaction, responsive design, and design identity.
**APPLIER mode** (when creating from scratch): Walk through a phased design process — foundation, structu
Alternatives in AI
- UI UX Pro Max Skill — An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms 45.8k ★
- Impeccable — The design language that makes your AI harness better at design 13.9k ★
- Open Pencil — AI-native design editor 8k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Skill Architecture
System architecture and API design with multi-AI consensus — use for design reviews and new subsystems
Design Md Chrome
Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI base
Simulink Agentic Toolkit
The Simulink Agentic Toolkit gives your AI agent both the tools and the expertise to work effectively with Sim
Oil UI
Push AI UI design to its limits: explore distinct directions, compare them side by side, and refine against re
Claude Code Design Guide
From Early Internet Design Patterns to AI Agent Implementation — A Deep Dive into Claude Code for Developers
Qiaomu Design
偏执型设计顾问:反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill Opinionated design advisor for Claude Code: anti-gener
Related Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Accessibility Audit
You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive tec... - wsho