←Leaderboard/Design/redesign-skill
Last commit on October 26, 2026·Created on July 18, 2026

elayadesign/redesign-skill

“Audit and refine existing website interfaces.”
Combined rank
#570
across all skills
In Design
#65
category rank
Stars
516
+19.2% in last 7d
Forks
33
+32.0% in last 7d
Watchers
2
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill audits existing websites and applications to identify weak states, sloppy code, and generic AI design patterns. It provides frontend engineers with a structured way to refine typography, spacing, and overall design value without breaking existing functionality.

By diagnosing specific interface failures in place, the tool helps developers move beyond basic layouts to achieve a more polished and professional aesthetic across any CSS framework.

WHO IT'S FOR
Frontend engineers
polishing existing UI components and layouts
UI/UX designers
auditing interfaces for design consistency and quality
Product owners
refining MVP interfaces for a premium feel
Design system maintainers
standardizing design values across existing projects
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

Setup

Claude Code project skill

Installs: Project-local redesign-existing-projects skill · Claude Code

Before you start
  • Git available in the terminal

Run from: Your existing project's directory

  1. Run this complete block in a terminal from your project directory.

    mkdir -p .claude/skills
    git clone https://github.com/elayadesign/redesign-skill.git /tmp/redesign-skill
    cp -r /tmp/redesign-skill/skills/redesign-existing-projects .claude/skills/
README.md ↗ · Checked Nov 5, 2026

Give it something to do.

Suggested first task

Review typography on one existing page

Uses redesign-existing-projects

  • The existing page or component to review
  • Access to its source code and relevant styles, through the workspace or supplied files
Use the redesign-existing-projects skill to review typography on the existing page I provide. Identify its framework and styling method, then report the most useful typography improvements, including font choices, hierarchy, paragraph width, and off-scale sizes. Report findings before changing anything.