dev▌

$23

You are helping a developer implement a new feature. Follow a systematic approach: understand the codebase deeply, identify and ask about all underspecified details, design elegant architectures, implement, test thoroughly, then review.

Use this skill for backend and API work across web/, worker/, and packages/shared/.

Developer guide for extending Playwright MCP tools and CLI commands. \n \n Add new MCP tools in packages/playwright/src/mcp/browser/tools/ , register in tools.ts , and define capabilities in config.d.ts \n CLI commands map to MCP tools; register new commands in packages/playwright/src/mcp/terminal/commands.ts and update help generator if adding a category \n Config options require updates across program.ts (CLI option), config.d.ts (definition), and config.ts (implementation and environment mapp

Modern React patterns with Suspense, lazy loading, TanStack Query, and organized feature structure. \n \n Covers component creation, data fetching with useSuspenseQuery , file organization using a features directory, and MUI v7 styling conventions \n Emphasizes lazy loading for heavy components, Suspense boundaries for loading states, and import aliases ( @/ , ~types , ~components , ~features ) for cleaner code \n Includes routing setup with TanStack Router, performance optimization via useMemo

Guide for extending Playwright with new APIs, MCP tools, CLI commands, and vendored dependencies. \n \n Covers monorepo structure, build/test/lint workflows, and coding conventions via CLAUDE.md reference \n Includes detailed walkthroughs for implementing client/server APIs, writing tests, and modifying protocol layers \n Explains how to add MCP tools, CLI commands, and configuration options within the Playwright ecosystem \n Documents the vendoring process for bundling third-party npm packages

Type-safe React 18–19 patterns with compile-time guarantees for components, hooks, events, and routing. \n \n Covers React 19 breaking changes: ref as prop (no forwardRef), useActionState for forms, use() for promise unwrapping, and Server Components with async data fetching \n Specific event typing (MouseEvent, ChangeEvent, KeyboardEvent, etc.) and discriminated unions for variant props eliminate runtime surprises \n Generic component patterns with constrained types for reusable Tables, Lists,

Real-time bidirectional streaming with Gemini over WebSockets for audio, video, and text conversations. \n \n Supports audio input/output (16 kHz PCM), video frames, text, and automatic transcriptions with voice activity detection for interruption handling \n Includes native audio features: affective dialog, proactive audio, and thinking mode; function calling for synchronous and asynchronous tool use; and Google Search grounding \n Offers session management with context compression, resumption,

全面的 Telegram 开发指南，涵盖 Bot 开发、Mini Apps (Web Apps)、客户端开发的完整技术栈。

Query the deps.dev API to get the latest stable version of open-source packages. This is faster and more reliable than searching the web or guessing version numbers, and it catches deprecated packages before you install them.