Toolcraft

Desarrollo

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