開發

Building reusable React state machine skills with XState v5 and the actor model. This skill should be used when implementing explicit state management for complex UI flows, multi-step forms, media players, modals with animations, or any component where impossible states should be unrepresentable.

Use Astro's modern web development stack including TypeScript, Tailwind CSS, Content Collections, islands architecture, and performance-first deployment practices. Use this skill when selecting technologies, configuring integrations, choosing deployment platforms, or making architectural decisions about the tech stack. When working on Astro configuration and integrations setup, choosing between SSG/hybrid/SSR rendering modes, selecting UI frameworks for interactive islands (React, Vue, Svelte), configuring Tailwind CSS or styling solutions, setting up Content Collections for type-safe content, choosing deployment adapters (Vercel, Netlify, Cloudflare), configuring testing tools (Vitest, Playwright), implementing performance optimization strategies, or adding third-party integrations and plugins.

Use when creating or modifying Claude Code hooks - hooks configuration with events, matchers, and JSON responses for November 2025 Hooks v2 specifications

Chief Product Officer expertise with proven frameworks and strategic guidance. Use when discussing product strategy, market analysis, competitive positioning, feature prioritization, or business models to apply expert CPO perspective.

This skill should be used when the user asks to "access LSEG data", "query Refinitiv", "get market data from Refinitiv", "download fundamentals from LSEG", "access ESG scores", "convert RIC to ISIN", or needs the LSEG Data Library Python API.

Production-ready code patterns including circuit breakers, error handling, observability hooks, async patterns, and fault tolerance. Use when implementing production systems, handling errors, or building resilient services.

Best practices for crafting effective prompts for agents, skills, and Claude interactions.Use when writing system prompts, agent instructions, or optimizing Claude responses.

Use when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback, or requesting user permissions. Apple Human Interface Guidelines for iOS compliance.

Provides utility-first CSS styling patterns using Tailwind CSS 3.x. Use when styling components with utility classes, configuring tailwind.config.js, implementing responsive designs, or creating dark mode themes.

Generate publication-style newsletters and executive briefs for 360 Social Impact Studios by synthesizing updates from Asana, Gmail, and Google Drive into professionally designed, interactive HTML dashboards with data visualizations. Supports both confidential executive briefs and public-facing newsletters.

Laravel framework patterns for PHP applications including Eloquent ORM, migrations, routing, queues, and Blade templates. Use when building Laravel applications or working with Laravel projects.

React/TypeScript code style standards for vmautomation-react project. Use when writing or reviewing React components, hooks, services, or TypeScript code. Keywords: "React", "TypeScript", "component", "hook", "props", "state", "JSX", "TSX", "interface", "type", "import", "export". Enforces functional components, proper typing, absolute imports, and consistent naming.

Build the C++ backend using CMake. Use when user asks to compile, build, rebuild, or mentions CMake, compilation errors, or linking issues.

Connect wallet to Web3 DApp - navigate to DApp, click Connect Wallet, approve in MetaMask popup, verify connection. Can be used as a test case or as a precondition for other tests.

Use when you have a spec or requirements for a multi-step task, before touching code

ArkTS Language Specification. ArkTS is a statically-typed programming language developed by Huawei for HarmonyOS, extending TypeScript with features from Java and Kotlin. Use for ArkTS syntax, types, classes, functions, and language features.

Run comprehensive project health checks including code quality, documentation, git status, and project structure

Standardize page structure - always use MainLayout wrapper, space-y-32 for sections, px-8 py-16 for page padding, responsive grid patterns

Debug and fix task-related issues in STEEB app. This skill should be used when encountering task creation, completion, deletion, or state management problems in the STEEB task management system.

Spawn new terminal windows to run Claude Code, Gemini CLI, or raw CLI commands in parallel. Use when the user wants to fork a task, spawn an agent, run parallel work, delegate a task to a new terminal, or mentions "fork", "spawn", "new terminal", "parallel agent".