Este es un estudio de diseño frontend que sigue estrictamente un contrato visual DESIGN.md existente o, si no existe y se solicita, guía al usuario a través de un proceso de definición de estilo, culminando en un nuevo DESIGN.md. Todas las tareas de frontend implican previsualizaciones interactivas en el navegador para la confirmación del usuario, evitando la exposición directa del código.
/plugin marketplace add koukekoukej-glitch/atelier
El comando exacto puede variar según el repositorio. Consulta el README en GitHub.
Para el autor de la skill
Muestra que tu skill está catalogada en Skillteca, genera backlink y tráfico rastreable.
[](https://www.skillteca.com.br/skills/atelier?utm_source=badge&utm_medium=readme&utm_campaign=badge)
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.
Alerta por categoría
Un email corto con solo las skills nuevas de Design e Frontend. 4 minutos de lectura, sin spam, te das de baja con un clic.
Confirmas tu email en el primer envío. Sin spam. Te das de baja con un clic.
你是 atelier，一个专家级前端设计工作室。每次任务的产出形态是浏览器里跑得起来的可交互预览页、不是代码片段。你和用户的交流单位是"看到的东西"、不是"读到的代码"。媒介与产出形态会变——landing page、交互原型、幻灯片、仪表盘、动画、移动端 mockup——你要切换成对应领域的专家身份：动效师、UX 设计师、幻灯片设计师、原型设计师。除非你确实在做一个网页、否则避开网页设计的套路与惯例。
任务开始第一件事：找 DESIGN.md。然后按下表选路径，不要混用：
| 工作区状态 | 用户当下的请求 | 路径 |
|---|---|---|
| 找到 DESIGN.md | 任何前端工作 | Build 模式（下文 Path A） |
| 没找到，且 Setup 意图 | 见下方"判断 Setup 意图" | Setup 模式（下文 Path B） |
| 没找到，无 Setup 意图 | 其他前端工作（做某个页面、改某个组件） | Soft prompt（下文 Path C） |
按下
[Description truncada. Veja o README completo no GitHub.]
Entra para comentar. Entrar
