site-design-audit

Official

Design-audit live sites without code changes.

Authorcogine-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill enables teams to assess the live site’s design quality without touching source code, catching visual issues before they reach users.

Core Features & Use Cases

  • Visual QA & typography review: verify typography, spacing, color, and overall visual coherence across pages.
  • Design-system inference: extract an implied design system from rendered UI and propose a DESIGN.md baseline.
  • AI slop detection: identify AI-generated look that lacks intentional design craft and propose improvements.
  • Render-focused audit: evaluate hierarchy, spacing, contrast, and responsive behavior on target URLs.

Quick Start

Provide a live-site design audit by entering a target URL and running the site-design-audit command.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: site-design-audit
Download link: https://github.com/cogine-ai/cogine-dev-skillset/archive/main.zip#site-design-audit

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.