skills.rest
leessju
leessjuCOMMUNITY
Explore all skills by this author →
GitHub

design-redesign

Audit and upgrade HTML/CSS landing pages with premium design patterns.

Updated Apr 11, 2026
Search Tags:#accessibility#frontend#css#ui-ux#landing-page#design-audit#premium-design
One-click install
npx skills add https://github.com/leessju/claude-skills --skill design-redesign
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-redesign
Source: https://github.com/leessju/claude-skills/tree/main/design-redesign
Command: npx skills add https://github.com/leessju/claude-skills --skill design-redesign

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Upgrades existing landing pages to premium quality by auditing current design patterns and applying high-end standards, ensuring consistent UX and visuals across Tailwind, vanilla CSS, or inline styles.

Core Features & Use Cases

  • Audits typography, color, layout, accessibility, and performance to identify gaps.
  • Applies a curated set of premium patterns without rewriting from scratch.
  • Use Case: Elevate a bland marketing page into a conversion-optimized, accessible experience.

Quick Start

Elevate a landing page by auditing typography, color, spacing, accessibility, and performance, then apply premium patterns within the existing structure.

Frequently Asked Questions about design-redesign

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

FAQPage Schema
How do I upgrade my landing page to a premium design without rewriting the HTML?▼

Upgrade your landing page by auditing current typography, color, spacing, and accessibility gaps, then applying curated premium patterns within the existing structure for non-destructive improvements.

Does this design audit work with Tailwind CSS and vanilla CSS?▼

Yes, the design audit supports Tailwind, vanilla CSS, and inline styles, auditing typography, color, layout, and accessibility across any HTML landing page to deliver consistent premium visuals.

Can I improve accessibility on my landing page using a design audit?▼

Yes, the design audit checks accessibility gaps alongside typography and color, applying consistent guidelines to ensure your landing page meets high-end accessibility standards without a full rewrite.

What is the best way to apply premium design patterns to an existing marketing page?▼

The best way is auditing typography, color, spacing, and performance first, then applying a curated set of premium patterns non-destructively within the existing HTML and CSS structure.

Will upgrading my landing page design break my current CSS or inline styles?▼

No, the upgrade delivers non-destructive improvements by auditing existing design patterns and applying premium standards within your current structure, whether using Tailwind, vanilla CSS, or inline styles.

Related Skills

Explore More Design & Creative Skills→
fysoul17fysoul17
4

redesign-existing-projects

Audit existing websites and apps to apply non-destructive design upgrades.

Community
Intermediate
kinnerkarmanishkinnerkarmanish

ads landing

Score landing pages for ad alignment, speed, mobile UX, trust signals, and forms.

Community
Intermediate
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced
AvihusittonAvihusitton

copy-editing

Edit marketing copy with a seven-sweep framework for clarity and conversion.

Community
Intermediate