Apply production-grade design standards when building or reviewing pages, components, or UI. Use this skill whenever the user asks to build a page, design a component, lay out a section, review the UI, fix the layout, or check design quality.
Install
npx skills add rampstackco/claude-skills --skill design-standardsnpx skills add rampstackco/claude-skills --skill design-standards -a claude-code -gnpx skills add rampstackco/claude-skills --skill design-standards -a codex -ggemini skills install https://github.com/rampstackco/claude-skills.git --path skills/design-standardsgh skill install rampstackco/claude-skills design-standardsgit clone --depth 1 https://github.com/rampstackco/claude-skills /tmp/rampstackco__claude-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/rampstackco__claude-skills/skills/design-standards ~/.claude/skills/design-standards # Claude Code
cp -R /tmp/rampstackco__claude-skills/skills/design-standards ~/.agents/skills/design-standards # Codex, Cursor, Gemini CLI, Copilot, OpenCode