redesign-existing-projects

Audit existing web projects and apply high-end design standards.

7|4|Updated Jun 7, 2025
One-click install
npx skills add https://github.com/lootlog/monorepo --skill redesign-existing-projects-lootlog
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/lootlog/monorepo/tree/main/.agents/skills/redesign-existing-projects
Command: npx skills add https://github.com/lootlog/monorepo --skill redesign-existing-projects-lootlog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Upgrades existing websites and apps to premium quality by auditing current design, identifying generic AI patterns, and applying high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

Core Features & Use Cases

  • Design audit and pattern identification
  • Non-destructive upgrades that preserve functionality
  • Cross-framework compatibility and scalable typography and color systems

Quick Start

Provide the path to the project and its current CSS approach, then run the redesign workflow to generate upgrade suggestions.

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 design to premium quality without breaking functionality?

A design audit for a UI upgrade evaluates your current typography, color systems, and layout to identify generic patterns. It works across pages and components to apply high-end standards while preserving existing functionality through compatibility checks.

Does this design upgrade workflow work with any CSS framework or vanilla CSS?

Yes, this design upgrade workflow supports any CSS framework or vanilla CSS. It performs cross-framework compatibility checks and applies scalable typography and color systems across your project without requiring a specific framework migration.

How do I perform a non-destructive UI refresh on an existing app?

To perform a non-destructive UI refresh, provide the project path and current CSS approach to generate upgrade suggestions. The workflow handles prerequisites, compatibility checks, and validation to ensure aesthetics improve without altering core functionality.

What is included in a design audit for accessibility and typography?

A design audit for accessibility and typography evaluates your current design to identify areas for improvement. It then applies scalable typography, robust color palettes, and a11y standards across all pages and components to meet premium design quality.

What are the limitations of automating a UI refresh across existing components?

When automating a UI refresh across components, limitations center on preserving complex existing functionality. The workflow mitigates this through compatibility checks and validation, but highly customized logic may require manual review during the non-destructive upgrade process.