Agent Skills para Desarrollo de aplicaciones

Construye y distribuye clientes de desarrollo de Expo localmente o vía TestFlight para pruebas internas de cambios en código nativo en dispositivos físicos.

por expo/skills

• Testing
• Release

Habilidad frontend anti-slop para landing pages, portafolios y rediseños. El agente lee el brief, infiere la dirección de diseño adecuada y entrega interfaces que no parecen plantillas. Sistemas de diseño reales cuando corresponda, auditoría primero en rediseños, verificación previa estricta.

por leonxlnx/taste-skill

• Implementation

Enseña a la IA a diseñar como una agencia de alto nivel. Define las fuentes, el espaciado, las sombras, las estructuras de tarjetas y las animaciones exactas que hacen que un sitio web se sienta costoso. Bloquea todos los valores predeterminados comunes que hacen que los diseños de IA parezcan baratos o genéricos.

por leonxlnx/taste-skill

Mejora sitios web y aplicaciones existentes a calidad premium. Audita el diseño actual, identifica patrones genéricos de IA y aplica estándares de diseño de alto nivel sin romper la funcionalidad. Funciona con cualquier framework CSS o CSS vanilla.

por leonxlnx/taste-skill

Este skill codifica la filosofía de Emil Kowalski sobre el pulido de UI, el diseño de componentes, las decisiones de animación y los detalles invisibles que hacen que el software se sienta excelente.

por emilkowalski/skills

La skill de gusto v1 original, conservada para proyectos que dependen de su comportamiento exacto. La predeterminada actual es `design-taste-frontend` (v2 experimental), que es una reescritura sustancial. Usa este nombre de instalación v1 solo si necesitas compatibilidad hacia atrás exacta.

por leonxlnx/taste-skill

• Design
• Implementation

El enfoque de Apple para el diseño de interfaces y el movimiento fluido y físico, traducido para la web. Úsalo al construir o revisar UI basada en gestos, animaciones de resorte, interacciones de arrastrar/deslizar/hojas, transiciones con inercia e interrumpibles, materiales translúcidos y profundidad, tipografía (tamaño óptico, tracking,…

por emilkowalski/skills

• Testing
• Release

Carga un plan de implementación escrito, lo revisa críticamente, ejecuta tareas con puntos de control de verificación y finaliza la rama de desarrollo. Admite la faceta de implementación.

por obra/superpowers

• Implementation

Crea animaciones web desde cero, decidiendo si animar, el propósito, la herramienta, las propiedades, la curva, la duración, la interrupción y la salida, y luego escribe la implementación.

por emilkowalski/skills

Punto de entrada para construir sobre Convex, un backend reactivo totalmente en TypeScript con base de datos, funciones de servidor, programación, almacenamiento de archivos, autenticación y sincronización en tiempo real, que enruta a skills de capacidades.

por get-convex/agent-skills

• Implementation
• Release
• Operate & iterate

Guía el desarrollo de backend Node.js con Fastify y API REST: rutas, plugins, validación con JSON Schema, hooks, errores, auth, rendimiento, logging y despliegue.

por mcollina/skills

• Design
• Implementation

Genera imágenes premium de pantallas y flujos de apps móviles para conceptos de iOS, Android y multiplataforma, con dirección de arte para jerarquía, paletas y mockups de teléfono. Solo imágenes, sin código.

por leonxlnx/taste-skill

• Implementation

Guía de despliegue y hosting de Prisma Compute: creación de apps, configuración de prisma.compute.ts, despliegues por CLI, preparación de frameworks, logs, dominios y solución de problemas. Relevante para los aspectos de release y operate.

por prisma/skills

• Release

Despacha un subagente revisor de código con contexto elaborado tras las tareas o antes del merge, y luego clasifica los comentarios por severidad. Apoya las facetas de testing y operar/iterar.

por obra/superpowers

• Requirements
• Design

Escanea un código base en busca de oportunidades de profundización, las presenta como un informe HTML visual y luego guía a través del refactor elegido. Relevante para las fases de implementación y operar/iterar del trabajo de apps.

por mattpocock/skills

• Design

Buenas prácticas de Postgres mantenidas por Supabase: rendimiento de consultas, gestión de conexiones, seguridad RLS, diseño de esquema, locking y diagnósticos. Relevante cuando una aplicación usa Postgres.

por supabase/agent-skills

• Operate & iterate

Audita el código de animación y movimiento de una base de código como asesor sénior de movimiento, produciendo hallazgos priorizados y planes de implementación autocontenidos. Solo lectura sobre el código fuente.

por emilkowalski/skills

• Implementation

Guía la evaluación técnica de los comentarios de revisión de código: verificar antes de implementar, preguntar antes de asumir, rebatir con razonamiento e implementar en orden de severidad.

por obra/superpowers

• Implementation

Integra dependency-cruiser en un repositorio TypeScript para que cada paquete sea un módulo profundo con la implementación oculta tras puntos de entrada, aplicando reglas de límites y ciclos.

por mattpocock/skills

Crea diagramas de arquitectura, flujo de trabajo, secuencia, flujo de datos y ciclo de vida pulidos y validados como HTML independiente explorable con temas y opciones de exportación.

por tt-a1i/archify

• Requirements
• Design

Configura, mejora o audita el seguimiento y la medición de analítica: planes de seguimiento, nomenclatura de eventos, GA4, GTM, UTM y seguimiento de conversiones.

por coreyhaines31/marketingskills

• Requirements

Una entrevista implacable para afinar un plan o diseño que además produce ADRs y un glosario sobre la marcha. Apoya el trabajo de requisitos y diseño para proyectos de apps.

por mattpocock/skills

• Requirements

Una entrevista implacable para afinar un plan o diseño antes de la implementación. Útil en la fase de requisitos/diseño del desarrollo de apps para poner a prueba la intención.

por mattpocock/skills

• Requirements

Garantiza que exista un espacio de trabajo aislado antes del trabajo en una funcionalidad o la ejecución de un plan, prefiriendo herramientas nativas de worktree y recurriendo a git worktrees manuales como alternativa.

por obra/superpowers

Vocabulario compartido para diseñar módulos profundos. Úsalo cuando el usuario quiera diseñar o mejorar la interfaz de un módulo, encontrar oportunidades de profundización, decidir dónde va una costura, hacer el código más testeable o navegable por IA, o cuando otra skill necesite el vocabulario de módulos profundos.

por mattpocock/skills

Skill de sistema de diseño semántico para Google Stitch. Genera archivos DESIGN.md aptos para agents que imponen estándares de UI premium y antigénéricos — tipografía estricta, color calibrado, diseños asimétricos, micro-movimiento perpetuo y rendimiento acelerado por hardware.

por leonxlnx/taste-skill

• Design
• Implementation

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda（应用运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用协作者/开发权限、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责普通云盘文件上传（lark-drive）、飞书文档编辑（lark-doc）、原生幻灯片创建（lark-slides）。

por larksuite/cli

Guía las decisiones de integración de Stripe en la planificación de entornos de desarrollo y prueba (sandboxes separados vs el sandbox compartido de modo test), selección de API (Checkout Sessions vs PaymentIntents), configuración de la plataforma Connect (Accounts v2, propiedades del controller), facturación/suscripciones, impuestos y registros (Stripe Tax, automatic_tax, códigos de impuesto de producto), cuentas financieras de Treasury, opciones de integración (Checkout, Payment Element), migración desde APIs de Stripe obsoletas y mejores prácticas de seguridad (gestión de claves de API, permisos de claves de API, webhooks, OAuth). Úsalo al planificar, construir, modificar, probar o revisar cualquier integración de Stripe, incluida la elección de un entorno de desarrollo, la aceptación de pagos, la creación de marketplaces, la integración de Stripe, el procesamiento de pagos, la configuración de suscripciones, la recaudación de impuestos sobre ventas, IVA o GST, la creación de cuentas conectadas o la implementación de manejo seguro de claves.

por stripe/ai

Úsalo cuando el usuario quiera diseñar una app móvil o pantallas de UI, cuando mencione sus proyectos de Sleek (sleek.design) o cuando implemente diseños de Sleek en código (HTML, React Native, SwiftUI).

por designed-by-ai/skills

Necesita (declarado): API key · Paid account

Guía para un diseño visual distintivo e intencional al construir una nueva UI o remodelar una existente. Ayuda con la dirección estética, la tipografía y a tomar decisiones que no se lean como valores predeterminados de plantilla.

por anthropics/skills

• Implementation

Construye, revisa, refactoriza o diseña aplicaciones web ASP.NET Core usando la guía oficial actual para el desarrollo web con .NET. Úsalo cuando trabajes en Blazor Web Apps, Razor Pages, MVC, Minimal APIs, Web APIs basadas en controladores, SignalR, gRPC, middleware, inyección de dependencias, configuración, autenticación, autorización, pruebas, rendimiento, despliegue o actualizaciones de ASP.NET Core.

por openai/skills

• Implementation

Genera reglas personalizadas de sistema de diseño para el código base del usuario. Úsala cuando el usuario diga "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines" o quiera establecer convenciones específicas del proyecto para flujos de trabajo de Figma a código. Requiere conexión con el servidor MCP de Figma.

por openai/skills

• Design

Necesita (declarado): MCP server

Usa esta skill junto con figma-use cuando la tarea implique trasladar una página, vista o diseño de varias secciones de una aplicación a Figma. Disparadores: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. Esta es la skill de flujo de trabajo preferida siempre que el usuario quiera crear o actualizar una página, pantalla o vista completa en Figma a partir de código o una descripción. Descubre componentes, variables y estilos del sistema de diseño mediante search_design_system, los importa y ensambla pantallas de forma incremental sección por sección usando tokens del sistema de diseño en lugar de valores codificados.

por openai/skills

• Implementation

Traduce diseños de Figma a código de aplicación listo para producción con fidelidad visual 1:1. Úsalo al implementar código de UI a partir de archivos de Figma, cuando el usuario mencione "implementar diseño", "generar código", "implementar componente", proporcione URLs de Figma o pida crear componentes que coincidan con las especificaciones de Figma. Para escrituras en el lienzo de Figma mediante `use_figma`, usa `figma-use`.

por openai/skills

• Implementation

Necesita (declarado): Node.js

> Revisa y crea interfaces frontend distintivas y de nivel producción con alta calidad de diseño y cumplimiento del sistema de diseño. Evalúa con tres pilares: insight-to-action sin fricción, artesanía de calidad y construcción confiable. USE FOR: revisiones de PR, revisiones de diseño, auditorías de accesibilidad, verificaciones de cumplimiento del sistema de diseño, diseño frontend creativo, revisión de código UI, revisiones de componentes, verificaciones de diseño responsivo, pruebas de temas y creación de UI memorable. DO NOT USE FOR: revisiones de API backend, revisiones de esquemas de base de datos, trabajo de infraestructura o DevOps, lógica de negocio pura sin UI o código no frontend.

por microsoft/skills

• Requirements
• Implementation

Convierte especificaciones de Notion en planes de implementación, tareas y seguimiento del progreso; úsalo al implementar PRDs/especificaciones de funcionalidades y crear planes + tareas de Notion a partir de ellas.

por openai/skills

• Requirements

DEBE usarse para tareas de Vue.js. Recomienda encarecidamente la Composition API con `<script setup>` y TypeScript como enfoque estándar. Cubre Vue 3, SSR, Volar, vue-tsc. Cárgala para cualquier trabajo con Vue, archivos .vue, Vue Router, Pinia o Vite con Vue. USA SIEMPRE la Composition API a menos que el proyecto requiera explícitamente la Options API.

por vuejs-ai/skills

• Design

Úsalo para pruebas de Vue.js. Cubre Vitest, Vue Test Utils, pruebas de componentes, mocking, patrones de prueba y Playwright para pruebas E2E.

por vuejs-ai/skills

Revisa el código de UI para el cumplimiento de las Web Interface Guidelines. Úsalo cuando te pidan "review my UI", "check accessibility", "audit design", "review UX" o "check my site against best practices".

por vercel-labs/agent-skills

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

por anthropics/skills

• Implementation

Crea sistemas de diseño escalables con Tailwind CSS v4, tokens de diseño, bibliotecas de componentes y patrones responsivos. Úsalo al crear bibliotecas de componentes, implementar sistemas de diseño o estandarizar patrones de UI.

por wshobson/agents

Convenciones de diseño estilo antfu, ampliadas. UnoCSS-first, tokens semánticos basados en clases con modo claro/oscuro dual para UIs de tooling y devtools, además de design-read, anti-slop y pulido de micro-interacciones para landing pages y superficies de producto. Úsalo al construir o refactorizar cualquier interfaz con UnoCSS.

por antfu/skills

Guía el diseño estable de API e interfaces. Úsalo al diseñar APIs, límites de módulos o cualquier interfaz pública. Úsalo al crear endpoints REST o GraphQL, definir contratos de tipos entre módulos o establecer límites entre frontend y backend.

por addyosmani/agent-skills

• Implementation

Úsalo cuando la implementación esté completa, todas las pruebas pasen y necesites decidir cómo integrar el trabajo

por obra/superpowers

Crea especificaciones antes de programar. Úsalo al iniciar un proyecto nuevo, una funcionalidad o un cambio significativo y cuando aún no exista una especificación. Úsalo al redactar un PRD o documento de requisitos con objetivos y alcance, o cuando los requisitos sean poco claros, ambiguos o solo existan como una idea vaga. Úsalo cuando un único requisito abarque varias capacidades verificables de forma independiente y necesite descomponerse en un mapa de capacidades de módulos antes de especificar.

por addyosmani/agent-skills

• Requirements
• Implementation

Impulsa el desarrollo con pruebas usando el ciclo rojo-verde-refactor. Úsalo al implementar cualquier lógica, corregir cualquier error o cambiar cualquier comportamiento. Úsalo cuando necesites demostrar que el código funciona, cuando llegue un informe de error o cuando estés a punto de modificar funcionalidad existente.

por addyosmani/agent-skills

Ejecuta pruebas de Playwright a escala usando Azure Playwright Workspaces (antes Microsoft Playwright Testing). Úsalo al escalar pruebas de navegador en navegadores alojados en la nube, integrar con pipelines de CI/CD o publicar resultados de pruebas en el portal de Azure.

por microsoft/skills

• Requirements
• Release

Extrae un archivo de documentación de diseño DESIGN.md desde un archivo Penpot: una especificación markdown portátil (frontmatter YAML con mapas de tokens de colores/tipografía/redondeo/espaciado/componentes + secciones en prosa: Overview, Colors, Typography, Layout, Shapes, Components, Do's & Don'ts, Iteration Guide, Known Gaps) en el formato design-md, basada en los tokens reales del archivo, los recursos de la biblioteca y los estilos de componentes muestreados — nunca inventados. Solo lectura en el lienzo; escribe un archivo markdown local. Disparadores: 'generate DESIGN.md', 'create a design.md', 'document the design system as markdown', 'export design guidelines', 'extract design documentation', 'design system spec file', 'make a style guide file from this design'.

por penpot/penpot-ai-kit

Revisa un diseño de Penpot frente a su código implementado (un componente fuente o una historia de Storybook) y emite un informe DRIFT estructurado. Úsalo cuando un ingeniero necesite confirmar que la implementación coincide con el diseño: extrae HTML/CSS de una selección, mapea sus tokens/estructura/estados al componente de código, los compara y enumera lo que le falta a cada lado con severidad y una reconciliación. Se degrada con elegancia a una comprobación de tokens del sistema de diseño cuando no se proporciona una fuente de código. Disparadores: 'design to code review', 'does my code match the design', 'design code parity', 'compare Penpot to my component', 'check this against Storybook', 'extract HTML/CSS from this selection', 'find design drift', 'design implementation diff'.

por penpot/penpot-ai-kit

Crea, prueba y despliega apps y agentes de Microsoft 365 para Teams y Copilot. Incluye sub-skills para creación de proyectos, pruebas locales, despliegue en la nube, solución de problemas y migración de Slack a Teams. USE FOR: Teams agent, bot, tab, message extension, Declarative Agents, Custom Engine Agents, local testing, Agents Playground, Azure resource provision, remote deployment, Slack to Teams migration, cross-platform bot development, Block Kit to Adaptive Cards conversion. DO NOT USE FOR: general web development, non-bot/non-Teams projects.

por microsoft/skills

• Release

Somete toda decisión no trivial a una revisión adversarial con contexto nuevo antes de que se mantenga. Úsalo cuando quieras que cada supuesto sea interrogado antes de continuar, al someter un plan a prueba de fallos ocultos, cuando la corrección importe más que la velocidad, al trabajar en código desconocido, cuando las apuestas sean altas (autenticación en producción, lógica sensible a la seguridad, una migración de alto riesgo, operaciones irreversibles), o en cualquier momento en que una salida segura sea más barata de verificar ahora que de depurar después.

por addyosmani/agent-skills

• Testing
• Release

Fundamenta cada decisión de implementación en la documentación oficial. Úsalo cuando quieras verificar un enfoque contra los docs oficiales antes de implementarlo, o cuando quieras código autorizado y con fuentes citadas libre de patrones obsoletos. Úsalo al construir con cualquier framework o librería donde la corrección importe.

por addyosmani/agent-skills

• Requirements
• Implementation

Necesita (declarado): Python

Úsalo cuando ejecutes planes de implementación con tareas independientes en la sesión actual.

por obra/superpowers

Diseña y revisa la UI/UX de iOS para apps de iPhone en SwiftUI, UIKit o React Native: navegación, tipografía, formularios, diseño de teclado y área segura, y accesibilidad según las Apple HIG.

por uizze.sh

• Implementation

Manuales anti-ui-slop para construir y pulir interfaces web y de iOS: diseño, jerarquía, pulido, auditoría y flujos de trabajo artesanales con referencias opcionales a productos reales.

por uizze.sh

• Implementation