design-artifact
Description
Ejecuta este comando en tu terminal o en el shell de tu agente
Tags & Topics
Documentación de la habilidad (SKILL.md)
Ver en GitHubLa documentación está disponible en el repositorio de origen.
https://github.com/plannotator/effective-htmlHabilidades de agente de IA similares
Official html plan capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html diagram capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html wireframe capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Recursos relacionados del ecosistema
Guías prácticas, terminología clave y habilidades de agentes
frontend-design
Create distinctive, production-grade frontend interfaces with curated palettes, avoiding generic AI aesthetics.
codebase-design
Official codebase design capability by @mattpocock. Streamlines autonomous frontend tasks and workflows.
50 estilos de diseño visual: guía fundamental para sistemas de diseño, UI/UX y dirección de arte
Un diccionario visual completo de 50 estilos de diseño: análisis estético, paletas de color, combinaciones tipográficas, reglas para sistemas de diseño y control preciso de IA.
Sitios web con scroll de video animado: guía completa de producción
Cómo crear sitios web cinematográficos con reproducción de video controlada por scroll (estilo Apple): extracción de fotogramas WebP, suavizado LERP en Canvas, dwell-remap y el sistema Precision Editorial.
WebMCP y Herramientas Nativas del Navegador
Adaptación del Model Context Protocol (MCP) para operar directamente en el navegador web, permitiendo que los agentes de IA interactúen con el DOM, LocalStorage, WebAssembly e IndexedDB sin demonios locales.
ChatGPT Canvas (Lienzo Interactivo)
Interfaz de ChatGPT de doble panel para trabajar iterativamente en código y textos. Permite resaltar párrafos, ajustar longitud, modificar nivel de legibilidad y depurar código sin reescribir todo el documento.
plannotator-effective-html-design-artifact