UI components
A copy-in UI base, plus the skill and plugin that keep an agent on it.
Library 1 · Skill 1 · Plugin 1 · Edited 2026-10-10
All
shadcn/uiLibraryComponents you copy into the repo and edit. The default base when an agent generates UI.Fit：A React app that needs buttons, forms, and dialogs without locking into a component library.MIT · ui.shadcn.comshadcn MCPPluginLets an agent add components from the shadcn registry instead of rewriting them from memory.Fit：You already chose shadcn/ui and want the agent to use the official components.ui.shadcn.comfrontend-designSkillAnthropic's official agent skill. Before writing a new or revised interface, the agent picks a visual direction, type, and layout, and avoids the usual generated-template look.Fit：Starting a screen from a blank file, with no brand guide or design yet.Apache-2.0 · github.com/anthropics/skills/tree/main/skills/frontend-design
How to choose
When the components are chosen Use shadcn/ui and add the shadcn MCP so the agent does not invent another button.
When there is no visual direction Install frontend-design before writing the page.
When you want unstyled primitives Use Base UI and do not bring shadcn's styles along.