Design e Frontend

Web screenshot capture for video production using Playwright. Takes full-page, viewport, or element-specific screenshots at video-native dimensions (1920x1080, 1080x1920). Device emulation (100+ presets), CSS injection to hide ads/banners, authentication persistence, Ken Burns zoom/pan animation from screenshots, browser session recording, and batch URL capture. Use when user says "screenshot", "w

Design normalized relational database schemas — ERDs, indexes, constraints, migrations, and performance optimization.

Explains complex code through clear narratives, visual diagrams, and step-by-step breakdowns. Use when user asks to explain code, understand algorithms, analyze design patterns, wants code walkthroughs, or mentions "explain this code", "how does this work", "code breakdown", or "understand this function".

Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides.

Guide users through structured collaborative documentation creation. Use when user wants to write documentation, update README, create architecture docs, draft proposals, technical specs, decision docs, refactor documentation, create API docs, or document code.

Your AI value investing agent. Analyze stocks like Graham & Buffett. Built on MCP.

Utilize quando o usuário deseja aprender, estudar ou compreender um tópico, sendo acionado por pedidos para ensinar, dar aulas, explicar conceitos, fazer testes, praticar ou construir o entendimento de qualquer assunto.

Converts Google Stitch exports into React components with design DNA integration. Use when user references design-intent/google-stitch exports, mentions "convert Stitch output", "Stitch to React", or processes Stitch code directories containing HTML + PNG pairs.

Design Google Cloud architectures — GKE, Cloud Run, BigQuery, Pub/Sub, and Cloud Spanner solutions.

Build interactive HTML/CSS/JS artifacts — widgets, calculators, games, and mini-apps that run directly in Claude.

Audio processing for video files using FFmpeg. Loudness normalization to streaming standards (LUFS), noise reduction, audio mixing, extraction, replacement, silence detection and removal, equalization, compression, fade effects, format conversion, and audio ducking. Use when user says "audio", "normalize", "volume", "loudness", "LUFS", "noise", "silence", "extract audio", "replace audio", "mix aud

Design curricula — scope and sequence, standards alignment, unit plans, and pacing guides.