What problem does it solve? Building distinctive, polished frontend interfaces is hard, and AI-generated UIs often fall into generic patterns like Inter fonts, purple gradients, and three-card layouts. This Skill guides the creation of production-grade web interfaces with intentional aesthetic direction while systematically avoiding recognizable AI design fingerprints. ## Core Features & Use Cases - Multi-Input Workflows: Replicate UIs from screenshots or videos, build 3D/WebGL experiences with Three.js, run quick prototypes, or execute full immersive redesigns via dedicated workflow references. - Anti-Slop Rule System: Enforces concrete alternatives to overused AI defaults across typography, color, layout, content, effects, and components, with a self-check checklist before delivery. - Design Dials & Motion Engine: Configurable DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY parameters drive layout and animation decisions, including a Bento 2.0 motion engine for SaaS dashboards. - Asset Generation & Analysis: Generate and score visual assets with multimodal vision models, extract design systems from reference screenshots, and apply Anime.js v4 and Magic UI component references. - Use Case: Given a screenshot of an award-winning landing page, analyze its colors and typography, plan the implementation, and produce a matching responsive React/Tailwind page with spring-physics animations. ## Quick Start Ask the agent to build a landing page from your attached screenshot using the vc-frontend-design skill with high design variance and medium motion intensity.
