site-design-fix
OfficialAudit live UI and ship design fixes fast.
Authorcogine-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps teams audit live websites for visual design quality, identify inconsistencies across pages and breakpoints, and coordinate precise, CSS-first fixes to improve user experience without heavy refactors.
Core Features & Use Cases
- Visual audit across pages and breakpoints to evaluate hierarchy, typography, spacing, color contrast, and interaction states.
- Generate targeted CSS/Frontend fixes and verification steps, then re-audit to confirm improvements.
- Capture annotated screenshots and preserve a design-system-aligned baseline for future work.
Quick Start
Run the site-design-fix workflow against your target URL to start the audit, fixes, and visual verification loop.
Dependency Matrix
Required Modules
None requiredComponents
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-fix Download link: https://github.com/cogine-ai/cogine-dev-skillset/archive/main.zip#site-design-fix Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.