MCP HubMCP Hub
Volver a habilidades

artifacts-builder

davepoon
Actualizado 27 days ago
29 vistas
2,553
277
2,553
Ver en GitHub
Otroreactaidesign

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

Recomendado
Principal
npx skills add davepoon/buildwithclaude -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/davepoon/buildwithclaude
Git CloneAlternativo
git clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builder

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

davepoon/buildwithclaude
Ruta: plugins/all-skills/skills/artifacts-builder
0
claudeclaude-codeclaude-code-commandsclaude-skillscli-toolcommands

Habilidades relacionadas

obsidian-bases

Otro

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.

Ver habilidad

obsidian-markdown

Otro

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.

Ver habilidad

json-canvas

Otro

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.

Ver habilidad

obsidian-bases

Otro

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.

Ver habilidad