Summary
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-codeInstalls into .claude/skills of the current project.
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Files
SKILL.md
Select a file.
Featured
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
