The MCP registry auto-generates examples for all 156 components, but they're minimal placeholders. The top 20 most-used components (Button, Card, DataTable, MetricCard, Dialog, Tabs, Calendar, Select, Badge, Alert, Progress, Avatar, Tooltip, Breadcrumb, Accordion, Pagination, Timeline, Typography, Toggle, Input) should have hand-written, production-quality examples that show real usage patterns.
What to do:
- Edit
src/mcp/scripts/build-registry.ts to add curated examples for these 20 components
- Each example should show a realistic use case with proper data
- Include examples showing common prop combinations
Skills needed: React, TypeScript
The MCP registry auto-generates examples for all 156 components, but they're minimal placeholders. The top 20 most-used components (Button, Card, DataTable, MetricCard, Dialog, Tabs, Calendar, Select, Badge, Alert, Progress, Avatar, Tooltip, Breadcrumb, Accordion, Pagination, Timeline, Typography, Toggle, Input) should have hand-written, production-quality examples that show real usage patterns.
What to do:
src/mcp/scripts/build-registry.tsto add curated examples for these 20 componentsSkills needed: React, TypeScript