DesignCodexClaudeChatGPT

Frontend Design

Production-grade interfaces with a clear visual point of view.

A design workflow for building polished app screens, components, and responsive surfaces without falling into template UI.

Curated score

98

Difficulty

Medium

Risk

Low

What it helps with
Redesign a dashboard
Polish a component library
Create a refined landing page
Use cases
Brand-led UI
High-touch prototypes
Design QA
Skill contents
SKILL.mdIncluded
ScriptsNot listed
ReferencesIncluded
AssetsIncluded
UIvisual systemsReact
Safety / risk notes
LowSKILL.md

Check before using

Read the SKILL.md trigger rules.
Check generated edits before applying them broadly.
Keep credentials out of prompts and examples.
Source

GitHub

Source

Similar skills

Nearby shelf.

🧼UI Cleanup

Remove visual clutter and tighten spacing, labels, and states.

🪄Landing Page Polish

Tighten landing pages without turning them into templates.

💬UX Copy Polish

Make interface copy shorter, clearer, and calmer.

🧊Empty States Designer

Design useful empty, loading, and no-results states.

🧊Skeleton Loading Pass

Design loading states that preserve layout and feel quiet.

🖼️Image Asset Optimizer

Clean up image assets for size, format, and responsive use.