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.