Design e Frontend

Guia de Desenvolvimento Avançado do Claude Code - Um tutorial chinês abrangente que cobre o uso de ferramentas, ambiente REPL, fluxo de trabalho de desenvolvimento, integração MCP, padrões avançados e melhores práticas. É ideal para aprender os recursos avançados e técnicas de desenvolvimento do Claude Code.

Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Create and send transactional emails using React Email. Covers templates, layout integration, and sending logic.

Pre-sales intelligence system. Ingests incoming emails, analyzes sender context, clusters related conversations, detects business opportunities, builds relationship timelines, and surfaces high-potential prospects for outreach.

Guides diagnosis and resolution when problems occur. Use when user mentions 動かない, エラーが出た, 壊れた, うまくいかない, broken, doesn't work, error. Do NOT load for: 正常なビルド, 新機能実装, レビュー.

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.

Full website SEO audit with parallel subagent delegation. Crawls up to 500 pages, detects business type, delegates to 7 specialists, generates health score. Use when user says "audit", "full SEO check", "analyze my site", or "website health check".

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

Pattern for progressively refining context retrieval to solve the subagent context problem

Um kit pronto para um 'jogo de bolsa' com botões de compra/venda, preços ao vivo, cálculo de lucro/prejuízo e interface móvel. Construído com React + Supabase, é similar ao MT5 e suporta Forex, ouro, cripto e ações.

Generate animated videos and motion graphics from natural language descriptions. Creates a standalone Vite + React project with Framer Motion scenes that auto-play in the browser. Use when the user wants to create animations, motion graphics, video intros, animated presentations, or product demos.