enhance
CommunityPixel-perfect frontend with mobile-first polish.
Authorthoreinstein
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of inconsistent UI quality by delivering pixel-perfect frontend implementations, mobile-responsive designs, and a coherent design system across projects.
Core Features & Use Cases
- Pixel-perfect alignment and spacing following an 8px grid to ensure visual consistency across components and pages.
- Responsive typography and layout system that adapts across mobile, tablet, and desktop breakpoints.
- Use Case: Upgrading a legacy dashboard to a modern, accessible interface with a cohesive color palette and reusable components.
Quick Start
Initiate the enhancement workflow on the target frontend project, applying the pixel-perfect transformer to styles and components. Verify alignment, spacing, color consistency, typography scale, and accessibility across devices.
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: enhance Download link: https://github.com/thoreinstein/opencode-config/archive/main.zip#enhance 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.