ck:frontend-design

Installation
SKILL.md

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

IMPORTANT: MUST follow Design Thinking, Frontend Aesthetics Guidelines, Asset & Analysis References, and Anti-Patterns (AI Slop) sections below. DO NOT skip these rules.

Workflow Selection

Choose workflow based on input type:

Input Workflow Reference
Screenshot Replicate exactly ./references/workflow-screenshot.md
Video Replicate with animations ./references/workflow-video.md
Screenshot/Video (describe only) Document for devs ./references/workflow-describe.md
3D/WebGL request Three.js immersive ./references/workflow-3d.md
Quick task Rapid implementation ./references/workflow-quick.md
Complex/award-quality Full immersive ./references/workflow-immersive.md
Existing project upgrade Redesign Audit ./references/redesign-audit-checklist.md
From scratch Design Thinking below -
Installs
66
GitHub Stars
89
First Seen
Apr 27, 2026
ck:frontend-design — binjuhor/shadcn-lar