You can add important features to your UI bundle app without writing everything from scratch. This skill helps you add authentication and search quickly. Use the CLI to install pre-built packages for login, logout, protected routes, session management, and global search across pages and content.
First check if a feature already exists in your project. Then list available features with a search command. Describe a feature to see its components. Install it with a simple command. If there is a conflict, you can detect and resolve it step by step. This saves you time and effort.
After installation, look for example files that show how to integrate the feature. Read the example, apply the pattern to your code, and delete the example file. This skill makes adding common features easy and reliable.
Global
mkdir -p ~/.claude/skills/generating-ui-bundle-featuresProject
mkdir -p .claude/skills/generating-ui-bundle-featuresSource Repository
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density