Frontend Design Pro

This is an opinionated toolkit for building frontend interfaces that don't look like every other AI-generated site. It comes with configurable "design dials" for variance, motion intensity, and visual density, plus specific workflows for replicating screenshots, handling video inputs, or building 3D experiences with Three.js. The most interesting part is the anti-slop enforcement: it actively steers you away from Inter, purple gradients, centered hero sections, and other LLM aesthetic clichés by referencing concrete alternatives. Includes integration with Magic UI components and works alongside the ui-ux-pro-max skill for design decisions. You're getting structured workflows and strong opinions about typography, color, and spatial composition, which is either exactly what you need or way too prescriptive depending on your project.

Install to Claude Code

npx -y skills add binjuhor/shadcn-lar --skill frontend-design-pro --agent claude-code