Skills

Converts a design specification or screenshot into accessible, responsive production UI while preserving component boundaries, design tokens, semantic structure, and states.

将陌生的代码仓库整理成简明的工程指南，涵盖架构、约定、本地设置、关键执行路径和低风险的首次贡献。

Designs reliable JSON and typed outputs for LLM features, including schemas, validation, recovery paths, versioning, examples, and contracts for downstream consumers.

Sets up and maintains Git hooks for a repository. Recommends a manager (Husky, Lefthook, or pre-commit), wires up pre-commit and commit-msg hooks for linting, formatting, type checks, secret scanning, and conventional-commit validation, and keeps hooks fast with staged-file filtering. Produces config plus a short contributor guide.

Builds robust webhook producers and consumers. Covers signature verification, idempotency keys, retry with exponential backoff, dead-letter handling, event ordering, and replay endpoints, and generates handler code plus tests so integrations survive duplicates and outages.

Adds clear, accurate inline comments and API doc blocks to existing code without changing behavior. Generates docstrings and structured comments (JSDoc, Google/NumPy style, Javadoc, Rustdoc) that explain intent, parameters, return values, side effects, and edge cases, while avoiding noisy comments that merely restate the code.

Generates mobile application prototypes and implementations for iOS and Android. Creates SwiftUI views, Jetpack Compose layouts, and React Native components from descriptions or wireframe images. Handles navigation patterns, state management, and platform-specific design guidelines.

Analyzes and resolves git merge conflicts by understanding the intent of both sides. Examines the conflict markers, surrounding context, and commit history to produce a correct merged result that preserves both changes without breaking functionality.

Designs and implements comprehensive error handling for APIs. Covers error response formats (RFC 7807 Problem Details), HTTP status code selection, error logging strategies, retry logic, and client-friendly error messages with proper i18n support.

Generates TypeScript type definitions from various sources — JSON data, API responses, database schemas, or plain descriptions. Produces strict types with proper generics, utility types, discriminated unions, and JSDoc comments.

Explains complex code in plain language at the requested level of detail. Breaks down algorithms, design patterns, and architecture decisions. Adapts explanation depth from high-level overview to line-by-line walkthrough based on audience.

Generates complete OpenAPI 3.1 specifications from API descriptions, existing code, or route definitions. Includes request/response schemas, authentication, error responses, examples, and server configurations. Produces valid YAML ready for Swagger UI.

Generates production-ready React components with TypeScript, proper props interfaces, accessibility attributes, responsive design, and test files. Follows modern patterns including Server Components, Suspense boundaries, and composition over inheritance.

Translates code between programming languages while preserving logic, idioms, and best practices of the target language. Handles differences in type systems, error handling, concurrency models, and standard library APIs. Produces idiomatic target code, not line-by-line transliteration.

Guides systematic code refactoring while preserving exact behavior. Identifies code smells, suggests appropriate refactoring patterns, and executes transformations incrementally with verification at each step. Follows Chesterton's Fence principle — understands why code exists before changing it.

Designs, optimizes, and iterates on prompts for LLM applications. Covers system prompt design, few-shot examples, chain-of-thought reasoning, output formatting, and prompt testing strategies. Helps build reliable AI-powered features.

Systematic debugging workflow that helps identify, isolate, and fix bugs. Follows a structured approach: reproduce, localize, reduce, fix, guard. Analyzes error messages, stack traces, and logs to pinpoint root causes rather than symptoms.

Identifies and resolves performance bottlenecks in code and systems. Covers algorithmic complexity analysis, memory optimization, caching strategies, database query tuning, and frontend performance (Core Web Vitals). Follows a measure-first approach.

自动审查代码，并针对代码质量、潜在缺陷、性能问题、安全漏洞和风格违规提供可执行反馈。以资深工程师的严谨程度分析代码变更，并给出包含代码示例的具体建议。

按契约优先原则设计 RESTful 和 GraphQL API。涵盖端点结构、请求与响应模式、错误处理、版本控制、分页、身份验证和速率限制，并生成 OpenAPI/Swagger 规范及实现脚手架。

Builds, explains, and tests regular expressions from natural language descriptions. Supports multiple regex flavors (PCRE, JavaScript, Python, Go). Provides step-by-step breakdowns, test cases, and performance considerations for complex patterns.