Conjunto de herramientas para crear artefactos HTML claude.ai elaborados y de múltiples componentes utilizando tecnologías web frontend modernas (React, Tailwind CSS, shadcn/ui). Úselo para artefactos complejos que requieren administración de estado, enrutamiento o componentes shadcn/ui, no para artefactos HTML/JSX simples de un solo archivo.
Instala rápidamente el skill de IA web-artifacts-builder en tu entorno de desarrollo mediante línea de comandos
Fuente: outlinedriven/odin-codex-plugin.
Stack: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn/ui
VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.
Run the initialization script to create a new React project:
Conjunto de herramientas para crear artefactos HTML claude.ai elaborados y de múltiples componentes utilizando tecnologías web frontend modernas (React, Tailwind CSS, shadcn/ui). Úselo para artefactos complejos que requieren administración de estado, enrutamiento o componentes shadcn/ui, no para artefactos HTML/JSX simples de un solo archivo. Fuente: outlinedriven/odin-codex-plugin.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/outlinedriven/odin-codex-plugin --skill web-artifacts-builderConjunto de herramientas para crear artefactos HTML claude.ai elaborados y de múltiples componentes utilizando tecnologías web frontend modernas (React, Tailwind CSS, shadcn/ui). Úselo para artefactos complejos que requieren administración de estado, enrutamiento o componentes shadcn/ui, no para artefactos HTML/JSX simples de un solo archivo. Fuente: outlinedriven/odin-codex-plugin.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/outlinedriven/odin-codex-plugin --skill web-artifacts-builder Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/outlinedriven/odin-codex-plugin