Design e Frontend

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.

Use when Claude Mail Bridge is installed (presence.json exists). Provides behavior guidelines for remote collaboration scenarios, including presence detection and MCP usage.

Implement mobile-first responsive designs with fluid layouts, breakpoints, relative units, and touch-friendly interfaces that work across all device sizes. Use this skill when writing or modifying React components (.tsx, .jsx files), when implementing CSS or Tailwind responsive utilities (sm:, md:, lg:, xl: breakpoints), when working on layout components, navigation menus, grid systems, when optim

Este documento registra os aprendizados da correção de problemas de navegação por teclado quando componentes flutuantes (Select, DropdownMenu, Popover) possuem animações CSS de abrir/fechar.

Blocos de construção de UI de chat para React/Next.js de ui.inference.sh. Esta skill oferece componentes como container, mensagens, input, indicadores de digitação e avatares para construir UIs de chat personalizadas, interfaces de mensagens e assistentes de IA, suportando listas de mensagens, manipulação de input e streaming.

Specialized skill for building production-ready Discord bots. Covers Discord.js (JavaScript) and Pycord (Python), gateway intents, slash commands, interactive components, rate limiting, and sharding.

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

Crie designs web responsivos que funcionam em todos os dispositivos e tamanhos de tela. Use ao construir layouts mobile-first, implementar breakpoints ou otimizar para diferentes viewports.

Generate player and team scouting reports. Strengths, weaknesses, tendencies, film breakdown, matchup advantages.

Técnicas abrangentes de shaders GLSL para criar efeitos visuais impressionantes, cobrindo ray marching, modelagem SDF, simulação de fluidos, sistemas de partículas, geração procedural, iluminação e pós-processamento.

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

UUID generation skill - Universally Unique Identifiers v4 and v7 for entity IDs. For ng-events construction site progress tracking system.