{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "design-system", "type": "registry:style", "dependencies": [ "radix-ui" ], "registryDependencies": [ "@alpine/button", "@alpine/input", "@alpine/calendar", "@alpine/card", "@alpine/label", "@alpine/popover", "@alpine/textarea" ], "files": [ { "path": "registry/alpine/rules/AGENTS.md", "content": "# Project Instructions\n\n## Best Practices for Using shadcn MCP server\n\n1. **Always Check Registry First**\n - Before creating custom components, search the registry for existing solutions\n - Use `mcp_shadcn_search_items_in_registries` to find relevant components\n - Check `mcp_shadcn_list_items_in_registries` to see all available options\n\n2. **Component Discovery Workflow**\n - Start with semantic search using `mcp_shadcn_search_items_in_registries`\n - View detailed component info with `mcp_shadcn_view_items_in_registries`\n - Get usage examples with `mcp_shadcn_get_item_examples_from_registries`\n - Use `mcp_shadcn_get_add_command_for_items` to get installation commands\n\n3. **Component Installation**\n - Use the provided add commands from the registry\n - Ensure components are properly imported and configured\n - Do not install example- components directly, use them as reference to create your components.\n - Follow the component's usage examples for proper implementation\n - Do not overwrite ui or registry/ui components unless the user has specifically asked for it\n\n## Quality Assurance\n\n- Always test registry components after installation\n- Verify imports and dependencies are correct\n- Check that styling integrates with your existing design\n- If using next/image, make sure images.remotePatterns is configured in next.config.ts\n\n```tsx\nimport type { NextConfig } from \"next\"\n\nconst nextConfig: NextConfig = {\n images: {\n domains: [\"images.unsplash.com\"],\n },\n}\n\nexport default nextConfig\n```\n", "type": "registry:file", "target": "~/AGENTS.md" } ], "cssVars": { "light": { "primary": "oklch(0.63 0.17 149)", "primary-foreground": "oklch(0.985 0 0)", "radius": "0.825rem" }, "dark": { "primary": "oklch(0.63 0.17 149)", "primary-foreground": "oklch(0.985 0 0)" } } }