mirror of
https://github.com/duthaho/claudekit.git
synced 2026-07-05 23:08:58 +03:00
duthaho
44 lines
1.2 KiB
JSON
44 lines
1.2 KiB
JSON
{
|
|
"name": "magic",
|
|
"description": "AI-powered UI component generation from descriptions",
|
|
"config": {
|
|
"mcpServers": {
|
|
"magic": {
|
|
"command": "npx",
|
|
"args": ["-y", "@anthropic/magic-mcp-server"]
|
|
}
|
|
}
|
|
},
|
|
"capabilities": [
|
|
"UI component generation",
|
|
"React component creation",
|
|
"Tailwind CSS styling",
|
|
"Responsive design",
|
|
"Component variations"
|
|
],
|
|
"usage": {
|
|
"example_prompts": [
|
|
"Generate a pricing card component",
|
|
"Create a navigation header with dropdown menus",
|
|
"Build a user profile card with avatar and stats",
|
|
"Design a dashboard layout with sidebar",
|
|
"Make a responsive hero section"
|
|
]
|
|
},
|
|
"requirements": {
|
|
"node": ">=18.0.0",
|
|
"network": true
|
|
},
|
|
"output": {
|
|
"formats": ["React", "Vue", "HTML"],
|
|
"styling": ["Tailwind CSS", "CSS Modules", "Styled Components"],
|
|
"features": [
|
|
"Responsive by default",
|
|
"Accessible markup",
|
|
"Dark mode support",
|
|
"Component composition"
|
|
]
|
|
},
|
|
"notes": "Generates production-ready UI components. Best used with Tailwind CSS projects. Review generated code before using in production."
|
|
}
|