Skills de Desarrollo

Framework (OSS). Crea hermosas pantallas Expo con sensación nativa. Cubre estilos Apple HIG, colores semánticos, controles nativos, SF Symbols, medios, animaciones, efectos visuales, degradados, almacenamiento y diseño responsivo. Para enrutamiento y navegación, usa la habilidad expo-router.

Framework (OSS). Navegación y enrutamiento para Expo Router. Cubre rutas basadas en archivos, grupos y rutas dinámicas, organización de carpetas, Link con vistas previas y menús contextuales, Stack nativo, títulos de página, modales y hojas de formulario, NativeTabs, encabezados y barras de herramientas, y barras de búsqueda en encabezados.

Framework (OSS). Construye UI nativa con el paquete @expo/ui: SwiftUI real en iOS y Jetpack Compose en Android renderizados desde React en una app Expo o React Native. Cubre componentes universales multiplataforma (Host, Column, Row, Button, Text, List y más importados de @expo/ui), reemplazos directos para bibliotecas populares de la comunidad React Native (BottomSheet, DateTimePicker, Slider, Menu, etc.), y SwiftUI específico de plataforma (@expo/ui/swift-ui, solo iOS) y Jetpack Compose...

Framework (OSS). Pautas para actualizar las versiones del SDK de Expo y solucionar problemas de dependencias

Sistema de autorización con control de acceso basado en roles. Imprescindible para todas las aplicaciones que gestionan datos personales o de acceso restringido.

Infraestructura central que proporciona configuración de conexión backend, cliente de almacenamiento y punto de entrada de la aplicación React.

Admin-only paginated viewer for stable canister state. Use whenever the user asks for a viewer, dashboard, debug panel, or admin browse over backend data — users, items, orders, logs, or any stable Map/Set/Array/VarArray/List/Stack/Queue. Pre-installed in every Caffeine app via the `caffeineai-data-viewer` mops package; this skill explains what it does and how to keep using it correctly.

Las llamadas HTTP salientes realizadas por el canister del backend (no en el frontend).

Almacenamiento general de archivos/objetos, como para imágenes, videos, archivos, documentos y otros datos masivos. Perfecto para galerías de imágenes, galerías de videos y otra gestión de archivos u objetos. Soporta archivos grandes más allá del límite de IC, con acceso a URL HTTP almacenadas en caché del navegador.

MANDATORY recipe for every Caffeine build that calls OpenAI (ChatGPT, GPT-4o, an LLM, a chatbot, embeddings). The ONLY supported path is the `openai-client` mops package with a canister-side API-key bearer. Hand-rolling `ic.http_request` to `api.openai.com/v1/...` is a FORBIDDEN anti-pattern — it leaks the bearer across replicated outcalls (security + 13× billing impact), bypasses the typed request/response bindings, and forces hand-rolled JSON on a language with poor JSON support. Load this...

Make a canister's data queryable by the Caffeine Data Intelligence agent. Use whenever an app stores structured data (Maps/Lists/arrays of records) that should be answerable in natural language — "top customers", "revenue by region", "active projects". Adds a discoverable `schema()` and a JSON `execute()` query endpoint via the `caffeineai-oql` mops package's `Expose` mixin.

MANDATORY recipe for every Caffeine build that posts to X (Twitter). The ONLY supported path is the `x-client` mops package with OAuth 2.0 PKCE. Hand-rolling `ic.http_request` or `icBooking.http_request` calls to `api.x.com/2/tweets`, `api.x.com/2/oauth2/token`, or any other X endpoint is a FORBIDDEN anti-pattern — it bypasses bearer auth, replication-cost safeguards, and `x-client`'s null-field handling. Load this skill whenever the user, spec, or any prior task mentions tweeting,...

Quick reference for the Caffeine Data Intelligence agent to query an OQL-exposing canister (schema() + execute()) through the `icp` CLI against the project's `backend` canister: read the schema, form JSON queries (filter / order / paginate / aggregate / dotted-path edges), and parse the Candid result rows.

Create FastAPI routers with CRUD operations, authentication dependencies, and proper response models. Use when building REST API endpoints, creating new routes, implementing CRUD operations, or adding authenticated endpoints in FastAPI applications.

Guía el desarrollo de servidores backend Fastify Node.js y APIs REST usando TypeScript o JavaScript. Úsalo al construir, configurar o depurar una aplicación Fastify, incluyendo la definición de rutas, implementación de plugins, configuración de validación con JSON Schema, manejo de errores, optimización del rendimiento, gestión de autenticación, configuración de CORS y cabeceras de seguridad, integración de bases de datos, trabajo con WebSockets y despliegue a producción. Cubre todo el ciclo de vida de las solicitudes Fastify (hooks,...

Habilidad oficial de Feature-Sliced Design (FSD) v2.1 para aplicar la metodología en proyectos frontend. Úsala cuando la tarea implique organizar la estructura del proyecto con capas de FSD, decidir dónde pertenece el código, colocar activos estáticos (imágenes, iconos, fuentes, PDFs), agrupar slices estrechamente relacionados, definir APIs públicas y límites de importación, resolver importaciones cruzadas o evaluar el patrón @x, decidir si crear o eliminar una entidad, evaluar si la capa de entidades es necesaria, decidir...

Permite a Claude Code realizar operaciones inteligentes de fuzzing web utilizando ffuf, facilitando el descubrimiento de directorios ocultos, archivos, subdominios y endpoints de API.

Busca en un codebase o UI lugares que no se animan pero deberían hacerlo, y rechaza todo lo que no deba animarse. Solo lectura; propone movimiento con valores exactos, no lo implementa. Se usa cuando el usuario pregunta "¿qué se podría animar aquí?" o quiere "hacer que esto se sienta más vivo". Para corregir animaciones existentes, usa improve-animations o review-animations en su lugar.

Descubre, evalúa e instala habilidades de agente buscando en TODOS los registros principales a la vez — skills.sh, clawhub.ai y GitHub — presentando cada tablero con su métrica nativa (instalaciones/estrellas) con la entrada principal por tablero, escaneando la seguridad del SKILL.md real de los candidatos principales en busca de patrones riesgosos, y señalando lo que ya está instalado. Úsalo cuando el usuario pregunte "cómo hago X", "encuentra una habilidad para X", "¿hay una habilidad que…", "qué habilidad debería instalar para…", o quiera extender el agente con una...

Úsalo cuando la implementación esté completa, todas las pruebas pasen y necesites decidir cómo integrar el trabajo: guía la finalización del trabajo de desarrollo presentando opciones estructuradas para fusión, PR o limpieza.

Guía completa para Firebase Remote Config, que incluye gestión de plantillas y uso del SDK. Usa esta habilidad cuando el usuario necesite ayuda para configurar Remote Config, gestionar feature flags o actualizar el comportamiento de la aplicación de forma dinámica.

Corrige errores de compilación, problemas de linting y fallos de pruebas en el código base de Rust de warp. Cubre verificaciones de presubmit, errores específicos de WASM y ejecución de pruebas concretas. Úsalo cuando el usuario encuentre errores de compilación, fallos de clippy o fmt, fallos de pruebas, o necesite ejecutar o interpretar presubmit antes de un PR.

Cuando el usuario quiera planificar, evaluar o construir una herramienta gratuita con fines de marketing — generación de leads, valor SEO o reconocimiento de marca. También úsalo cuando el usuario mencione "ingeniería como marketing", "herramienta gratuita", "herramienta de marketing", "calculadora", "generador", "herramienta interactiva", "herramienta de generación de leads", "construir una herramienta para leads", "recurso gratuito", "calculadora de ROI", "herramienta de evaluación", "herramienta de auditoría", "¿debería construir una herramienta gratuita?" o "herramientas para generación de leads". Úsalo siempre que alguien quiera construir algo útil y...

Genera interfaces frontend distintivas y de calidad de producción que evitan la estética genérica de la IA.

Producir interfaces de usuario y aplicaciones de diseño distintivas y no genéricas, trabajando con una estrategia primero. Identificar el proyecto (página de aterrizaje, aplicación SaaS, panel de control, comercio electrónico, presentación, documentación, portafolio...) y su posicionamiento y personalidad, comprometerse con adjetivos de marca, traducirlos en un sistema tipográfico y de color, luego aplicar la capa artesanal (diseño, componentes y estados, movimiento, iconografía, imágenes, modo oscuro y tematización, accesibilidad), evitando el defecto de IA genérica / estilo Claude. Esto es tanto un...

Revisar y crear interfaces frontend distintivas y de calidad de producción, con alta calidad de diseño y cumplimiento del sistema de diseño. Evalúa usando tres pilares: transición fluida de información a acción, artesanía de calidad y construcción confiable. ÚSALO PARA: 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 de UI, revisiones de componentes, verificaciones de diseño responsivo, pruebas de temas y creación de UI memorable. NO LO USES PARA: 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.

Crea aplicaciones React con tema oscuro usando Tailwind CSS con theming personalizado, efectos de glassmorfismo y animaciones de Framer Motion. Úsalo al crear paneles de control, paneles de administración o interfaces ricas en datos con una estética oscura refinada.

Construye interfaces de usuario accesibles, responsivas y de calidad de producción. Úsalo al construir o modificar interfaces y páginas, crear componentes, implementar diseños, cumplir con los requisitos de accesibilidad WCAG, gestionar estado, o cuando el resultado deba verse y sentirse como de calidad de producción en lugar de generado por IA.

Anula el comportamiento de truncamiento predeterminado del LLM. Exige la generación de código completo, prohíbe patrones de marcadores de posición y maneja limpiamente las divisiones por límite de tokens. Aplica a cualquier tarea que requiera una salida exhaustiva y sin abreviar.

Configurar hooks de Claude Code para bloquear comandos peligrosos de git (push, reset --hard, clean, branch -D, etc.) antes de que se ejecuten. Usar cuando el usuario quiera prevenir operaciones destructivas de git, agregar hooks de seguridad de git, o bloquear git push/reset en Claude Code.