improve-existing-website

Audit existing websites to extract de-facto tokens and produce a scoped repair plan.

3|3|Updated Jun 5, 2026
One-click install
npx skills add https://github.com/KyaniteLabs/tastecheck --skill improve-existing-website
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: improve-existing-website
Source: https://github.com/KyaniteLabs/tastecheck/tree/main/skills/improve-existing-website
Command: npx skills add https://github.com/KyaniteLabs/tastecheck --skill improve-existing-website

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill solves the problem of "aesthetic drift" and technical debt in existing websites, ensuring that improvements are evidence-backed rather than based on subjective opinion.

Core Features & Use Cases

  • Evidence-Based Auditing: Systematically extracts de-facto tokens and component habits to distinguish between intentional brand signals and accidental drift.
  • Scoped Repair Planning: Creates a structured, verifiable plan to improve UI consistency, accessibility, and hierarchy without performing an unauthorized redesign.
  • Use Case: Use this when you need to modernize a legacy codebase or fix a fragmented design system while ensuring the product remains recognizable to existing users.

Quick Start

Use the improve-existing-website skill to audit the current site and generate an evidence-based improvement plan.

Frequently Asked Questions about improve-existing-website

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

FAQPage Schema
How do I fix visual drift in a legacy frontend codebase without a full redesign?

To fix visual drift in a legacy frontend codebase, you can perform an evidence-based audit to extract de-facto design tokens and component habits. This distinguishes intentional brand signals from accidental drift, generating a scoped implementation plan for systematic repairs.

What is the best way to audit web accessibility and typography in an existing website?

The best way to audit web accessibility and typography in an existing website is to systematically analyze rendered styles and source hierarchy. This infers the underlying design system and produces a structured, verifiable plan for component-level repairs.

How do I improve UI consistency without breaking core brand identity?

To improve UI consistency without breaking core brand identity, systematically audit the existing site to preserve intentional design signals. This generates a scoped repair plan targeting accessibility and hierarchy drift without performing an unauthorized redesign.

Can I modernize a brownfield frontend project while keeping it recognizable to existing users?

Yes, you can modernize a brownfield frontend project while keeping it recognizable to existing users. By extracting observed de-facto design tokens and habits, you can plan scoped UI consistency and accessibility repairs that maintain the product's core brand identity.

When should I not use an evidence-based approach for frontend refactoring?

You should avoid an evidence-based approach for frontend refactoring when your project requires a completely new, unauthorized redesign rather than systematic repairs. This method targets technical and visual drift by preserving existing brand signals rather than replacing them entirely.

Do I need a structured audit to repair a fragmented design system?

Yes, you need a structured audit to repair a fragmented design system because it identifies the actual de-facto tokens currently in use. This ensures your refactoring plan addresses real technical and visual drift rather than subjective opinions.