enhance-design

Orchestrate audit, mobile optimization, copywriting, and polish phases for interfaces.

Updated Feb 4, 2026
One-click install
npx skills add https://github.com/cbemister/claude-code-utils --skill enhance-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: enhance-design
Source: https://github.com/cbemister/claude-code-utils/tree/main/.claude/skills/enhance-design
Command: npx skills add https://github.com/cbemister/claude-code-utils --skill enhance-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Choreographs end-to-end design improvements by orchestrating audit, mobile optimization, copy optimization, and visual polish to transform any interface into a high-converting, mobile-friendly experience.

Core Features & Use Cases

  • Phase 1: Analyze & Audit using /conversion-audit to assess structure, messaging, trust signals, and friction points.
  • Phase 2: Mobile optimization by invoking /mobile-patterns, /touch-interactions, and /mobile-accessibility to enhance navigation, touch targets, and accessibility.
  • Phase 3: Conversion optimization via /copywriting-guide, /cta-optimizer, and /social-proof to improve headlines, CTAs, and trust signals.
  • Phase 4: Visual polish through /color-palette, /typography-system, /spacing-system, /component-states, /micro-interactions, and /component-polish to finalize aesthetics and interactions.

Quick Start

Run the Enhance Design Skill to initiate Phase 1 and automatically progress through all four design phases.

Frequently Asked Questions about enhance-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve mobile UX and conversion rates across an entire interface?▼

Mobile UX and conversion improvements are handled by orchestrating four phases: auditing friction, optimizing touch interactions, refining copy and CTAs, and applying visual polish to deliver a high-converting mobile experience.

What is the best way to audit a design for conversion friction before optimizing?▼

Design conversion audits assess structure, messaging, trust signals, and friction points during the initial analysis phase, establishing a validated baseline before progressing to mobile optimization and copy refinement.

How do I optimize mobile touch interactions and accessibility for web interfaces?▼

Mobile touch interactions and accessibility are optimized by applying specific mobile patterns, enlarging touch targets, and enforcing accessibility checks as structured sub-skills within the mobile optimization phase.

Can I use this to improve website copywriting and call-to-action optimization?▼

Copywriting and call-to-action optimization are core features, utilizing dedicated guides to improve headlines, refine CTAs, and integrate social proof to strengthen trust signals during the conversion phase.

Do I need a specific design framework to apply a typography and spacing system?▼

A typography and spacing system is applied directly during the visual polish phase to finalize aesthetics, requiring no specific external framework dependency to structure component states and micro-interactions.

What's the process for applying visual polish and micro-interactions to mobile components?▼

Visual polish applies color palettes, typography, spacing, and component states through defined sub-skills, adding micro-interactions to finalize aesthetics and ensure measurable UX outcomes across mobile interfaces.