Agent skill · design visual · sickn33
redesign-existing-projects
Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.
Why this skill is useful
Provides targeted design audit guidelines and specific UI improvement strategies that the AI wouldn't reliably generate on its own.
What it needs
About 9k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.
What this skill does
Redesign Skill When to Use Use when the user asks to redesign, restyle, modernize, polish, or improve an existing website or app UI. Use when the task is to audit current frontend code and make targeted visual improvements without changing the product architecture. Use when the design feels generic, AI-generated, poorly spaced, visually flat, or missing responsive, interactive, loading, empty, or error states. Example User request: Use @redesign-existing-projects for this task: Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites. Limitations This skill upgrades existing UI but does not authorize framework migrations, information-architecture rewrites, or product-scope expansion by default. Preserve working behavior, routing, data flows, accessibility semantics, and tests while making visual changes. Validate redesigned screens in the actual app across supported browsers and viewport sizes before considering the work complete. How This Works When applied to an existing project, follow this sequence: 1. Scan — Read the codebase. Identify the framework, styling method (Tailwind, vanilla CSS, styled-components, etc.), and current design patterns. 2. Diagnose — Run through the audit below. List every generic pattern, weak point, and missing state you find. 3. Fix — Apply targeted upgrades working with the existing stack. Do not rewrite from scratch. Improve what's there. Design Audit Typography Check for these problems and fix them: Browser default fonts or Inter everywhere. Replace with a font that has character. Good options: Geist, Outfit, Cabinet Grotesk, Satoshi. For editorial/creative projects, pair a serif header with a sans-serif body. Headlines lack presence. Increase size for display text, tighten letter-spacing, reduce line-height. Headlines should feel heavy and intentional. Body text too wide. Limit paragraph width to roughly 65 characters. Increase line-height for readability. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/redesign-existing-projects--4f6c78