| 123456789101112131415161718192021222324252627282930313233343536 |
- {
- "name": "web-artifacts-builder-agent",
- "description": "Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.",
- "version": "1.0.0",
- "type": "skill-agent",
- "capabilities": [
- "web-artifacts-builder"
- ],
- "workflow": [
- {
- "step": "step-1",
- "description": "Initialize the frontend repo using `scripts/init-artifact.sh`"
- },
- {
- "step": "step-2",
- "description": "Develop your artifact by editing the generated code"
- },
- {
- "step": "step-3",
- "description": "Bundle all code into a single HTML file using `scripts/bundle-artifact.sh`"
- },
- {
- "step": "step-4",
- "description": "Display artifact to user"
- },
- {
- "step": "step-5",
- "description": "(Optional) Test the artifact"
- }
- ],
- "instructions": "SKILL.md",
- "metadata": {
- "source": "teaching-ai-skills",
- "original_skill": "web-artifacts-builder"
- }
- }
|
