redesign-existing-projects

Audit and redesign existing websites and applications within their current tech stack.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/yrlanrteixeira/landcraft --skill redesign-existing-projects-yrlanrteixeira
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: redesign-existing-projects
Source: https://github.com/yrlanrteixeira/landcraft/tree/main/.agents/skills/redesign-existing-projects
Command: npx skills add https://github.com/yrlanrteixeira/landcraft --skill redesign-existing-projects-yrlanrteixeira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Redesigns existing websites and applications, addressing design issues, AI patterns, and quality standards, ensuring the site remains functional and up-to-date without a complete rewrite.

Core Features & Use Cases

  • Design Audit: Performs a thorough audit to identify weak points, generic patterns, and missing states.
  • Custom Upgrades: Applies targeted improvements using the existing technology stack.
  • Use Case: For a company's outdated product page, the Skill can be used to enhance the layout, typography, and interaction design while maintaining cross-browser compatibility.

Quick Start

Run the redesign-existing-projects skill on the 'product-page' directory to enhance its design and user experience.

Frequently Asked Questions about redesign-existing-projects

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

FAQPage Schema
How do I redesign an existing website without breaking functionality?

To redesign an existing website without breaking functionality, perform a design audit to identify weak points and apply targeted upgrades using your current tech stack. This approach enhances layout and user experience while maintaining cross-browser compatibility.

What does a frontend design audit check for?

A frontend design audit checks for quality issues, generic AI patterns, missing interaction states, and weak design points within an application. It identifies areas needing high-end design standards to ensure the product remains up-to-date without requiring a complete rewrite.

Can I upgrade app design using only HTML, CSS, and JavaScript?

Yes, you can upgrade app design using HTML, CSS, and JavaScript by applying targeted improvements within your existing technology stack. This process enhances typography and interaction design while preserving the application's underlying functionality.

What is the best way to improve user experience on an outdated product page?

The best way to improve user experience on an outdated product page is to implement targeted design enhancements rather than a full rewrite. Upgrading layout, typography, and interaction design addresses outdated patterns and brings high-end standards to the existing site.

Do I need to rewrite my application to fix generic UI patterns?

No, you do not need to rewrite your application to fix generic UI patterns. A design audit can identify these issues, allowing targeted frontend improvements that apply high-end design standards while keeping the existing codebase intact.