# Redesign

Critique and improve the visual design of an existing UI component with concrete...

- Repository: https://github.com/ParadevAI/Paradev (15823 stars)
- Category: Design
- License: see repository
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add ParadevAI/Paradev --skill redesign -g -a claude-code -y`
Codex: `npx skills add ParadevAI/Paradev --skill redesign -g -a codex -y`
Cursor: `npx skills add ParadevAI/Paradev --skill redesign -g -a cursor -y`
Gemini CLI: `npx skills add ParadevAI/Paradev --skill redesign -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add ParadevAI/Paradev`

## Description

Critique and improve the visual design of an existing UI component with concrete implementation guidance. Use when the user asks to redesign, restyle, reimagine, polish, or improve a component, screen, or interface, especially in React and Tailwind codebases.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Redesign

Inspect the real component and its surrounding layout before proposing changes. Reuse the repository's existing design tokens, primitives, and component conventions.

Respond in this order:

1. Identify the component and file being redesigned.
2. Name three concrete visual or interaction issues, such as hierarchy, spacing, contrast, alignment, responsiveness, or affordance.
3. Propose specific layout, token, component, and Tailwind changes for each issue.
4. Show a short before-and-after excerpt containing only the meaningful class or structure changes.
5. If implementation was requested, make the changes and verify them using the repository's required UI workflow.

Keep the critique concise and grounded in the current code. Do not invent a new visual language when the repository already provides one.