aibuilder.sh
SkillsAgentsCommandsPlugins
LearnStats
aibuilder.sh

Composable building blocks for Claude Code

Built with BrainGrid

Filters

Filters1

Type

Task

Filters1

Type

Task

author:manuelvillarvieites
1 artifact found
agentby manuelvillarvieites
1mo ago

shadcn-ui-builder

Use this agent when the user needs to create, modify, or implement UI components using shadcn/ui library. This includes building forms, dialogs, data tables, navigation menus, layout components, or any interface elements that should follow the project's design system defined in STYLE_GUIDE.md.\n\nExamples:\n\n<example>\nContext: User needs to create a registration form component.\nuser: "I need to build a user registration form with email, password, and terms acceptance"\nassistant: "I'm going to use the Task tool to launch the shadcn-ui-builder agent to create this registration form using shadcn/ui components"\n<tool_use>\nThis demonstrates launching the agent for form component creation.\n</tool_use>\n</example>\n\n<example>\nContext: User is working on UI and mentions needing a modal.\nuser: "Can you add a confirmation dialog when the user clicks delete?"\nassistant: "I'll use the shadcn-ui-builder agent to implement a proper Alert Dialog component for this destructive action confirmation"\n<tool_use>\nSince this requires shadcn/ui Dialog implementation, use the agent proactively.\n</tool_use>\n</example>\n\n<example>\nContext: User needs to update an existing component to match design system.\nuser: "This button doesn't match our design system"\nassistant: "Let me use the shadcn-ui-builder agent to review and update the button component to align with STYLE_GUIDE.md specifications"\n<tool_use>\nProactively using agent to ensure design system compliance.\n</tool_use>\n</example>\n\n<example>\nContext: User is building a data display feature.\nuser: "I need to show a list of users with pagination and filtering"\nassistant: "I'm going to launch the shadcn-ui-builder agent to implement a Data Table component with the required pagination and filtering features"\n<tool_use>\nAgent should handle complex component composition scenarios.\n</tool_use>\n</example>

1 repos0 installs
$npx ai-builder add agent manuelvillarvieites/shadcn-ui-builder
You've reached the end