Crea un Artifact de Claude que funcione a la primera

Describe una herramienta pequeña y recibe un componente React autónomo que se ve en Claude al instante.

Claude

Úsalo cuando: Úsalo para calculadoras, seguimientos y paneles pequeños que quieres probar dentro de Claude.

Rellena los campos

HerramientaPúblicoAcciones

Tu prompt

<task>
Crea un Artifact de Claude: [Herramienta]
Quién lo usa y para qué: [Público]
Acciones principales: [Acciones]
</task>

<constraints>
- Un solo componente React autónomo con export default.
- Estilos solo con Tailwind. Iconos solo de lucide-react. Sin otros paquetes ni llamadas a APIs externas.
- Incluye datos de ejemplo realistas para que funcione desde el inicio.
- Gestiona estados vacíos, de carga y de entrada no válida.
- Devuelve el componente completo, sin marcadores ni comentarios de "añade más aquí".
</constraints>

<output_format>
El componente completo en un bloque de código y dos líneas sobre cómo ampliarlo.
</output_format>

Crea un Artifact de Claude que funcione a la primera

Rellena los campos

Tu prompt

Más prompts de programación

Encontrar la causa de un error

Escribe un CLAUDE.md breve para tu repositorio

Escribir pruebas unitarias

Explicar código a mi nivel