Toolcraft
Descripción
Sales de una sesión con tu agente de IA con una app de diseño tuya: lienzo con pan y zoom, controles a tu medida y exportación a imagen o vídeo, pensada para el flujo que realmente usas, no para el de un editor genérico.
El kit te deja un starter con TanStack Router, React, TypeScript, Tailwind CSS y Base UI, una librería de componentes (botones, desplegables, sliders, selectores de fuente, paletas, editores de curvas, subida de imágenes) y un arnés para que Codex, Claude o Cursor construyan sobre ese sistema. Capas, líneas de tiempo y keyframes se activan cuando tu app lo necesita; también hay flujos de exportación y comprobaciones unitarias, de navegador, de aceptación y de rendimiento.
Para qué encaja
- Generadores de gráficos procedurales y degradados
- Estilización de imagen: ASCII, píxel, halftone o glitch
- Experimentos con shaders y Three.js
- Herramientas de animación y efectos de vídeo
- Portadas de blog y assets de marca repetibles
Lo instalas con npx @pixel-point/toolcraft create o pides a tu agente que lo haga en una carpeta vacía. No es un servicio en la nube: copia archivos en tu máquina, el código queda tuyo bajo MIT y funciona en Windows, macOS y Linux. Un primer resultado suele verse en 30–60 minutos; un producto que de verdad encaje con lo que imaginabas pide más iteraciones.
Tecnologías y temas
-
Agentes de IA
Arnés de skills e instrucciones para Codex, Claude y Cursor
-
Exportación
Flujos incluidos para sacar imagen y vídeo de tu herramienta
-
Kit de arranque
App base con React, TanStack Router, TypeScript y Tailwind CSS
-
Librería de UI
Paletas, sliders, pickers de fuente, curvas y subida de imágenes
-
Lienzo de diseño
Pan, zoom, capas, líneas de tiempo y keyframes cuando los necesitas