Explorar skills

Kit de herramientas para interactuar y probar aplicaciones web locales usando Playwright. Permite verificar la funcionalidad del frontend, depurar el comportamiento de la UI, capturar capturas de pantalla del navegador y ver los registros del navegador.

Aplica los colores y la tipografía oficiales de la marca Anthropic a cualquier artefacto que se beneficie de su identidad visual. Úselo cuando se apliquen pautas de estilo, formato visual o estándares de diseño de la empresa.

Crea interfaces frontend distintivas y de grado de producción con alta calidad de diseño, generando código creativo y pulido y diseño de UI que evita la estética genérica de IA. Úsela para construir componentes web, páginas y aplicaciones, o para estilizar/embellecer UIs web.

Suite de herramientas para crear artefactos HTML elaborados y multicomponente para claude.ai, utilizando tecnologías web frontend modernas (React, Tailwind CSS, shadcn/ui). Úselo para artefactos complejos que requieran gestión de estado, enrutamiento o componentes shadcn/ui, no para artefactos HTML/JSX simples de un solo archivo.

Guía para crear servidores MCP (Model Context Protocol) de alta calidad que permiten a los LLM interactuar con servicios externos a través de herramientas bien diseñadas. Úselo al construir servidores MCP para integrar APIs o servicios externos, ya sea en Python (FastMCP) o Node/TypeScript (MCP SDK).

Construya y consulte bases de conocimiento impulsadas por IA a partir de observaciones de claude-mem. Úselo para crear "cerebros" enfocados a partir del historial de observaciones, hacer preguntas sobre patrones de trabajo pasados o compilar experiencia en temas específicos.

Audita un diseño según los diez principios de "El buen diseño es..." de Dieter Rams y luego genera un prompt /make-plan para uno de tres resultados: nuevo diseño, refinamiento o rediseño. Úselo cuando el usuario solicite una auditoría, revisión o crítica de diseño que deba conducir a un plan.

Diseñador convertido en desarrollador que crea UI/UX impresionantes incluso sin maquetas de diseño.

Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation

Utilícelo para generar una guía de incorporación para nuevos miembros del equipo que se unen a un proyecto.

Analiza una base de código para producir un grafo de conocimiento interactivo para comprender la arquitectura, los componentes y las relaciones.

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.