artifacts-builder
Acerca de
La habilidad artifacts-builder proporciona un conjunto de desarrollo para crear artefactos HTML complejos y multicomponente utilizando React, TypeScript, Tailwind CSS y shadcn/ui. Está diseñada para artefactos que requieren gestión de estado, enrutamiento o librerías de componentes, en lugar de salidas simples de un solo archivo. La herramienta incluye scripts para inicializar proyectos y empaquetar todo en un único archivo HTML para su despliegue.
Instalación rápida
Claude Code
Recomendadonpx skills add davepoon/buildwithclaude -a claude-code/plugin add https://github.com/davepoon/buildwithclaudegit clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builderCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Frequently asked questions
What is the artifacts-builder skill?
artifacts-builder is a Claude Skill by davepoon. Skills package instructions and resources that Claude loads on demand, so Claude can perform artifacts-builder-related tasks without extra prompting.
How do I install artifacts-builder?
Use the install commands on this page: add artifacts-builder to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does artifacts-builder belong to?
artifacts-builder is in the document-processing category, tagged react, ai and design.
Is artifacts-builder free to use?
Yes. artifacts-builder is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Habilidades relacionadas
Esta habilidad permite a los desarrolladores crear y editar Bases de Obsidian (archivos .base) para construir vistas similares a bases de datos de notas. Admite la configuración de vistas, filtros, fórmulas y resúmenes dentro de estos archivos YAML. Úsela cuando trabaje con vistas de tabla/tarjeta de Obsidian o al implementar organización dinámica de notas y campos calculados.
Esta habilidad permite a Claude crear y editar Markdown con Sintaxis Obsidian, manejando sus elementos únicos como wikilinks, llamadas, propiedades de frontmatter e incrustaciones. Úsala cuando trabajes con archivos .md en una bóveda de Obsidian o cuando el usuario mencione cualquier funcionalidad específica de Obsidian. Garantiza que la salida sea válida para la aplicación de base de conocimiento Obsidian.
Esta habilidad permite a los desarrolladores crear y editar archivos JSON Canvas (`.canvas`) para herramientas visuales como Obsidian, soportando nodos, aristas, grupos y conexiones. Es ideal para construir mapas mentales, diagramas de flujo y diagramas interactivos de manera programática. Úsala siempre que necesites generar o modificar datos estructurados de canvas para organización visual.
Esta habilidad permite a los desarrolladores crear y editar archivos `.base` de Obsidian, los cuales definen vistas similares a bases de datos de notas utilizando YAML. Soporta la configuración de vistas, filtros, fórmulas y resúmenes para organizar notas en diseños de tabla, tarjeta o lista. Úsela al construir rastreadores de tareas, paneles de control o cualquier vista de datos estructurados dentro de una bóveda de Obsidian.
