前端開發

Automate creation of complete CRUD entities (backend Laravel + frontend Vue) following Budget Manager project conventions. Use when the user asks to create a new entity, model, resource, or CRUD feature. Triggers on requests like "create a new category entity", "add a product model with CRUD", "generate an entity for transactions", or any request to scaffold a complete feature with database, API, and UI components.

Ability to design, analyse, test, and maintain mechanical systems and components that meet defined functional, safety, and performance requirements. Includes applying engineering principles to materials, structures, thermodynamics, fluid mechanics, and motion systems; producing and interpreting technical designs and specifications; validating designs through analysis and testing; and supporting manufacture, operation, and lifecycle management. Applies across industrial, infrastructure, energy, manufacturing, and product contexts and is independent of specific tools or industries, with human accountability retained for safety, compliance, and outcomes.

AI-driven development planning skill that produces TDD-ready specifications using research-backed methodologies (Plan-then-Act, Reflexion, ToT/LATS, ReAct).USE THIS SKILL PROACTIVELY when:- User requests a feature implementation- User reports a bug that needs fixing- User asks for code refactoring- Task involves multiple files or components- Requirements need clarification before coding- You need to create a comprehensive development planThis skill implements the complete planning pipeline: repo analysis → test-first design → structured plan generation → self-critique → TDD handover specification.OUTPUT: Structured TDD Handover Spec (JSON + Markdown) ready for TDD agent consumption.

Playwright modern end-to-end testing framework with cross-browser automation, auto-wait, and built-in test runner. Use when testing web applications end-to-end, implementing cross-browser testing, or recording user flows with screenshots and videos.

Use when building features with unknowns or uncertainties - start from well-understood parts (business logic, UX, pure functions), write code as if ideal collaborators exist, use mocks to define APIs through usage, preventing analysis paralysis from trying to understand everything upfront

单细胞分析最佳实践集合 - 100%完整覆盖（410个文件：407个HTML文档+3个项目文档）

Standard patterns for HTTP/API clients in Next.js 16+ App Router frontends: where to put the client, how to type it, how to handle errors, and how to attach auth headers in a reusable way.

Guide for implementing Turborepo - a high-performance build system for JavaScript and TypeScript monorepos. Use when setting up monorepos, optimizing build performance, implementing task pipelines, configuring caching strategies, or orchestrating tasks across multiple packages.

Angular 21+ functional HTTP interceptors for auth, error handling, loading states, retry logic, caching, and security best practices

Complete Slack integration skill. Load when user wants to send messages, search Slack, manage channels, list users, upload files, add reactions, set reminders, or interact with Slack workspace.

Use AI to recreate PDF page as semantic HTML. Consumes three inputs (PNG image, parsed text, ASCII preview) for complete contextual understanding and accurate generation.

Product Management frameworks, methodologies, and best practices library. Provides PM knowledge including prioritization (RICE, MoSCoW), goal setting (OKR, SMART), customer research (JTBD, Personas), and product strategy. Use when needing PM methodology guidance or framework application.

Generates index.html as the application entry point. Includes meta tags, favicon links, and root div for Vue app mounting.

Vue 3 and Nuxt 3 development with TDD workflow, QA gates, and E2E test generation. Enforces unit testing before implementation, generates Playwright E2E tests from Gherkin acceptance criteria, and produces JSON reports.

This skill should be used when a user asks to learn a specific skill or knowledge area using the pattern '帮我学习一下xx技能/知识'. The skill provides a comprehensive 9-step learning journey including concept discovery, practical applications, code examples, resource recommendations, community tracking, and related topic suggestions. It covers the complete learning cycle from foundational understanding to advanced community engagement.

Creates Claude Code Skills using a structured 6-phase workflow. Use when building skills, writing SKILL.md, designing skill architecture, or testing skill triggers. DO NOT use for general Claude Code docs or one-off tasks.

Validate code changes by intelligently selecting and running the appropriate test suites. Use this when editing code to verify changes work correctly, run tests, validate functionality, or check for regressions. Automatically discovers affected test suites, selects the minimal set of venvs needed for validation, and handles test execution with Docker services as needed.

This skill should be used when the user asks "Chart.js tooltips", "Chart.js tooltip callbacks", "custom Chart.js tooltip", "HTML tooltip Chart.js", "Chart.js tooltip formatting", "Chart.js tooltip position", "Chart.js tooltip label", "external tooltip", "Chart.js tooltip styling", or needs help configuring tooltips in Chart.js v4.5.1.

Designs, implements, and deploys Microsoft 365 Copilot agents using TypeSpec and ATK CLI. Provides architectural guidance, capability configuration, security patterns, and lifecycle management. Use when developing M365 Copilot agents, working with TypeSpec, or managing agent deployments. For creating new projects, use the m365-agent-scaffolder skill.

Build accessible forms with React Hook Form + Zod