skills.rest
ceshez
ceshezCOMMUNITY
Explore all skills by this author →
GitHub

redesign-existing-projects

Audit and incrementally fix typography, layout, color, and interactivity in existing websites.

Updated Aug 27, 2026
Search Tags:#typography#accessibility#design audit#interactive states#ui redesign#layout improvements#css compatibility
One-click install
npx skills add https://github.com/ceshez/VELAR --skill redesign-existing-projects-ceshez
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/ceshez/VELAR/tree/main/.agents/skills/redesign-existing-projects
Command: npx skills add https://github.com/ceshez/VELAR --skill redesign-existing-projects-ceshez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It fixes generic, low-quality AI-style UI by auditing typography, layout, color, interactivity, and content patterns, then applying targeted improvements that preserve the existing functionality.

Core Features & Use Cases

  • Design audit across key UI systems: Evaluates typography choices, spacing, surfaces, and visual hierarchy to remove common premium-design gaps.
  • Safe, stack-compatible upgrades: Improves the UI without migrating frameworks or rewriting from scratch, including Tailwind, vanilla CSS, or other existing styling methods.
  • Quality-completeness checks: Adds or refines states and UX elements such as hover/active feedback, focus rings, loading/empty/error states, and consistent navigation cues.

Quick Start

Apply the redesign-existing-projects skill to your existing codebase by scanning the project, running the listed design audit checks, and then making small, targeted UI upgrades that work with your current styling stack.

Frequently Asked Questions about redesign-existing-projects

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

FAQPage Schema
How do I upgrade my existing website UI without rewriting the codebase?▼

Upgrade your existing website UI by auditing typography, layout, color, and interactivity, then applying targeted, stack-compatible fixes. This incremental approach corrects design gaps without requiring a full rewrite.

Can I improve my UI design while keeping my current CSS framework like Tailwind?▼

Yes, you can improve your UI design while keeping your current CSS framework like Tailwind or vanilla CSS. The process applies stack-compatible upgrades that preserve your existing styling methods and functionality.

What is a design audit for an existing web application?▼

A design audit for an existing web application evaluates typography, spacing, surfaces, and visual hierarchy to identify premium-design gaps. It checks interactive states like hover and focus to ensure quality-completeness.

How do I fix generic AI-style UI on my current project?▼

Fix generic AI-style UI by auditing your content patterns and visual hierarchy, then applying targeted improvements. This process refines states like loading and error messages to remove low-quality design traits.

What is the best way to add interactive states and focus rings to an existing interface?▼

The best way to add interactive states and focus rings is through quality-completeness checks during a design audit. This targeted upgrade adds hover, active, loading, empty, and error states without breaking functionality.

Will incremental UI redesigns break my existing website functionality?▼

Incremental UI redesigns will not break your existing website functionality if you follow a scan-diagnose-fix sequence with consistency checks. This ensures state coverage and stack-compatible changes that preserve operations.

Related Skills

Explore More Design & Creative Skills→
XCmiaowXCmiaow

redesign-existing-projects

Redesigns existing front-end projects by auditing and selectively upgrading UI components while preserving functionality.

Community
Intermediate
roderikroderik
2

rams

Analyze UI components for WCAG accessibility and visual design issues.

Community
Basic
wellsgzwellsgz

polish

Review UI spacing, typography, color contrast, and copy consistency.

Community
Advanced
hoainam183hoainam183

redesign-existing-projects

Audit generic UI patterns and apply design fixes without rewriting architecture.

Community
Intermediate