skills.rest
Hayatelin
HayatelinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

redesign-existing-projects

Audit and refine existing website or app UI while preserving the tech stack.

3|Updated Jul 30, 2026
Search Tags:#typography#frontend#design systems#tailwind#visual polish#ui audit#redesign
One-click install
npx skills add https://github.com/Hayatelin/taste-skill-zh-CN --skill redesign-existing-projects-hayatelin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/Hayatelin/taste-skill-zh-CN/tree/main/skills/redesign-skill
Command: npx skills add https://github.com/Hayatelin/taste-skill-zh-CN --skill redesign-existing-projects-hayatelin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps improve existing websites and apps that feel generic, flat, or overly AI-generated by diagnosing weak design patterns and upgrading them without breaking the current product.

Core Features & Use Cases

  • Design audit: Scans the current stack, typography, color system, layout, interactions, content, and component patterns to find what looks bland or inconsistent.
  • Targeted refinement: Improves the interface in place instead of rebuilding it, so the existing framework, styling approach, and functionality stay intact.
  • Practical use cases: Refresh a landing page, elevate a SaaS dashboard, refine a portfolio, or modernize a legacy app while keeping the same product structure.

Quick Start

Ask the skill to audit and redesign your existing interface while preserving the current framework and functionality.

Frequently Asked Questions about redesign-existing-projects

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

FAQPage Schema
What is the best way to improve a flat SaaS dashboard without a full rewrite?▼

Improving a flat SaaS dashboard involves auditing current component patterns and replacing them with high-end alternatives. Targeted refinement upgrades visual polish, typography, and interactions in place without rebuilding the entire dashboard.

Why does my portfolio website look overly AI-generated and how do I fix it?▼

Yes, you can upgrade a legacy app interface while preserving its original framework by applying targeted visual refinements. This approach audits and refines typography, color systems, and component polish without requiring a full rebuild of the product structure.

Can I upgrade my legacy app interface while preserving its original framework?▼

Your portfolio looks overly AI-generated due to generic UI patterns and weak design systems. Fix it by diagnosing inconsistent typography and layout, then replacing those bland patterns with high-end visual refinements that elevate the overall interface quality.

Does a UI audit help fix inconsistent typography and color systems in existing apps?▼

A UI audit helps fix inconsistent typography and color systems by scanning the existing interface to diagnose weak design patterns. It identifies bland or inconsistent visual elements, enabling targeted refinement of the layout and component polish.

What are the limitations of redesigning an existing interface in place?▼

The limitation of redesigning an interface in place is that it focuses on visual refinement rather than structural changes. It improves visual polish, typography, and interactions while strictly preserving the existing tech stack, meaning functional rewrites are out of scope.

Related Skills

Explore More Design & Creative Skills→
guideopsguideops

roku

Provide a design system with styles, colors, typography, and components for Roku applications.

Community
Advanced
algusaemalgusaem

tailwind-design-system

Build Tailwind CSS design systems with semantic tokens and CVA-based components.

Community
Intermediate
gaganpasupuletigaganpasupuleti

design-principles

Enforce Swiss International design tokens and layout patterns for UI components.

Community
Intermediate
zarkuazarkua

xmath-usage

Apply in-place xmath optimizations to Defold math code using pre-allocated scratch buffers.

Community
Intermediate