binjuhor avatar

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.

skills.sh installs
708
GitHub stars
105
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

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.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/binjuhor/shadcn-lar
Categories
Frontend Development, Design & UI/UX, Generative Media
First seen
Apr 16, 2026

More from binjuhor/shadcn-lar

All 3
1syncfusion avatarsyncfusion-react-data-managersyncfusion/react-ui-components-skillsImplements Syncfusion DataManager for local/remote binding, CRUD, querying, caching, and middleware. Supports JsonAdaptor, ODataAdaptor, ODataV4Adaptor, UrlAdap702skills.sh installs
2syncfusion avatarsyncfusion-react-buttonssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React button components including Button, ButtonGroup, DropDownButton, Floating Action Button, ProgressButton, S701skills.sh installs
3syncfusion avatarsyncfusion-react-inputssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React input components including Uploader, NumericTextBox, TextBox, TextArea, CheckBox, OTP Input, Signature, Ra697skills.sh installs
4syncfusion avatarsyncfusion-react-dropdownssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React dropdown components including AutoComplete, ComboBox, DropDownList, ListBox, Mention, MultiSelect, and Mul693skills.sh installs
5syncfusion avatarsyncfusion-react-popupssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React popup components including Dialog, ToolTip. Use this when building modal/modeless dialogs, confirmation po688skills.sh installs
6mindrally avatarreact-native-r3fmindrally/skillsExpert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js681skills.sh installs