🎨 Claude Designer Skill
Transform frontend designs with uncompromising perfectionism. Use when redesigning UI/UX, improving visual aesthetics, creating polished interfaces, or when user mentions design improvements, beautification, visual polish.
npx playbooks add skill joeseesun/claude-designer-skill --skill claude-designer-skill
About
Transform frontend designs with uncompromising perfectionism. Use when redesigning UI/UX, improving visual aesthetics, creating polished interfaces, or when user mentions design improvements, beautification, visual polish.. This skill provides a specialized system prompt that configures your AI coding agent as a claude designer skill expert, with detailed methodology and structured output formats.
Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.
Example Prompts
System Prompt (25 words)
Transform frontend designs with uncompromising perfectionism. Use when redesigning UI/UX, improving visual aesthetics, creating polished interfaces, or when user mentions design improvements, beautification, visual polish.
