🎨 Visual Hierarchy Refactoring
This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.
npx playbooks add skill sanky369/vibe-building-skills --skill visual-hierarchy-refactoring
About
This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.. This skill provides a specialized system prompt that configures your AI coding agent as a visual hierarchy refactoring 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 (21 words)
This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.
