ing

Teaches modern React composition patterns for 2025/2026. Use when designing component APIs, building shared UI libraries, or refactoring prop-heavy components.

Use when adding authentication (login, logout, protected routes) to Express.js web applications - integrates express-openid-connect for session-based auth.

Playwright end-to-end testing best practices for web applications, covering test design, locator strategies, and assertion patterns.

Advanced React Flow patterns for complex use cases. Use when implementing sub-flows, custom connection lines, programmatic layouts, drag-and-drop, undo/redo,…

现代 Angular UI 模式，用于加载状态、错误处理和数据展示。适用于构建 UI 组件、处理异步数据或管理组件…

Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions,…

从代码生成全面的开发者友好型 API 文档，包括端点、参数、示例和最佳实践

Expert sales proposal and pricing presentation strategist. Use when writing proposals, executive summaries, ROI business cases, pricing presentations, SOWs…

Project Guidelines Skill (Example)

通过性能分析、提示词工程和持续迭代，系统性地改进现有智能体。

Apply appropriate design patterns (Singleton, Factory, Observer, Strategy, etc.) to solve architectural problems. Use when refactoring code architecture, implementing extensible systems, or following SOLID principles.

Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation…

涵盖单元测试、集成测试、Hilt 测试和截图测试的全面测试策略。

Best practices and guidelines for Apache Kafka event streaming and distributed messaging

Design a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features

Implements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.md. Use when starting complex multi-step tasks,…

Full autonomous execution from idea to working code

Select semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. Covers concept-to-icon mapping, React/HTML templates, and tree-shaking patterns. Use when: building feature sections, service grids, contact info, navigation, or any UI needing icons. Prevents emoji usage, ensures consistency.

Reviews Python code for type safety, async patterns, error handling, and common mistakes. Use when reviewing .py files, checking type hints, async/await usage,…

API设计原则与决策。REST、GraphQL与tRPC选型，响应格式、版本控制、分页策略。