开发技能

Build full-stack React applications with Next.js, organize multiple apps and shared packages with Turborepo, and add RemixIcon icons. The skill covers rendering and data-fetching patterns, build pipelines, caching, and common project structures for single apps and monorepos.

中文简介正在准备中。当前显示英语简介。

• Starting a full-stack React application
• Setting up a monorepo with shared packages
• Choosing rendering and data-fetching patterns

Build browser based 3D experiences with Three.js, from scenes and animation to shaders, materials, games, data visualizations, and product configurators. The skill covers rendering, asset loading, interaction, and performance techniques for WebGL and WebGPU projects.

中文简介正在准备中。当前显示英语简介。

• Creating an interactive 3D product preview
• Adding animation to a 3D scene
• Loading GLTF or OBJ models

Use this skill to add payment flows with SePay, Polar, Stripe, Paddle, or Creem.io. It guides checkout, subscriptions, webhook handling, VietQR payments, licensing, and order management across providers, with platform specific references and helper scripts.

中文简介正在准备中。当前显示英语简介。

• Adding checkout and payment processing
• Managing subscription trials, upgrades, and billing
• Verifying payment webhooks and handling events

Follow a consistent approach to building React and TypeScript interfaces, from components and feature folders to data fetching, routing, and MUI styling. The guide covers Suspense-based loading, lazy loading, performance practices, and TypeScript conventions.

中文简介正在准备中。当前显示英语简介。

• Create a React component or page with TypeScript
• Organize files for a new frontend feature
• Fetch data with TanStack Query and Suspense

Work with MongoDB and PostgreSQL across schema design, queries, aggregations, indexes, migrations, backups, permissions, and performance checks. Get practical guidance for common development and production database tasks in both document and relational databases.

中文简介正在准备中。当前显示英语简介。

• Designing a schema for MongoDB or PostgreSQL
• Writing SQL queries or MongoDB aggregation pipelines
• Finding indexes and query performance improvements

Handle code review feedback by checking its technical accuracy before making changes, and request reviews for major work. Follow verification steps so claims about passing tests or completed tasks are backed by fresh evidence.

中文简介正在准备中。当前显示英语简介。

• Evaluating unclear or questionable review comments
• Requesting review after a major feature or refactor
• Reviewing work before merging a pull request

Use Puppeteer CLI scripts to automate browser tasks and inspect web pages. The skill can navigate, click, fill forms, capture screenshots, collect page data, monitor console and network activity, and measure performance including Core Web Vitals. Results are provided as JSON.

中文简介正在准备中。当前显示英语简介。

• Capturing a full page or selected element
• Automating navigation and form submission
• Collecting page content for scraping

Use this skill to plan and build backend systems, from API design and authentication to database tuning, security, testing, deployment, and monitoring. It offers technology choices and practical checklists for turning requirements into production-ready services.

中文简介正在准备中。当前显示英语简介。

• Choosing a language, framework, database, or API style
• Designing authentication and authorization
• Improving database queries and service performance

Stress a design mentally by considering extreme volumes, speeds, user counts, durations, and failure rates. This helps reveal scaling limits, concurrency risks, memory growth, and whether an architecture needs asynchronous work, persistence, or stronger error handling.

中文简介正在准备中。当前显示英语简介。

• Check how a design might behave with a billion records
• Explore limits before choosing an architecture
• Consider whether a process needs async handling

Develop Shopify apps, extensions, and storefront themes. The skill covers store data APIs, checkout and admin customizations, POS extensions, webhooks, billing, and Liquid templates, helping shape tools and shopping experiences for Shopify stores.

中文简介正在准备中。当前显示英语简介。

• Building a Shopify app for store data
• Customizing the checkout experience
• Adding an admin or POS extension

Apply layered checks to data as it moves through a system. The skill guides you to validate inputs, verify business rules, guard against unsafe environment-specific operations, and log context so invalid data is caught at multiple points.

中文简介正在准备中。当前显示英语简介。

• Tracing invalid data through an application
• Adding checks at API and business logic boundaries
• Guarding risky operations in test environments

Use this skill to discover tools, prompts, and resources exposed by configured Model Context Protocol (MCP) servers, select capabilities for a task, and run tools through a command-line interface or Gemini CLI. It also describes multi-server client patterns and configuration.

中文简介正在准备中。当前显示英语简介。

• Listing capabilities available from configured MCP servers
• Selecting MCP tools that fit a particular task
• Calling a specific server tool from the command line

Investigate bugs and test failures through root cause tracing, hypothesis testing, and layered validation. The skill helps identify where invalid behavior begins, apply safeguards against recurring issues, and verify results with fresh evidence before declaring a fix complete.

中文简介正在准备中。当前显示英语简介。

• Investigating a failing test or unexpected behavior
• Tracing an error back through the call stack
• Adding validation to prevent recurring bugs

Build MCP servers, which give AI agents tools for external services, using Python or TypeScript. The skill guides tool design, input validation, error handling, code review, and evaluations based on realistic tasks.

中文简介正在准备中。当前显示英语简介。

• Build an MCP server for an external API
• Design tools around complete agent workflows
• Review input validation and error handling

Create or update skills that give Claude specialized procedures, knowledge, and tool instructions. The guide covers defining use cases, organizing SKILL.md and supporting files, testing scripts, and validating a distributable skill package.

中文简介正在准备中。当前显示英语简介。

• Turn a recurring workflow into a Claude skill
• Organize SKILL.md and supporting reference files
• Improve an existing skill after real use

Plan and improve lightweight iOS experiences that users can open without installing the full app. This skill covers App Clip use cases, discovery paths, card content, handoff to the full app, implementation checks, and usage measurement.

中文简介正在准备中。当前显示英语简介。

• Planning a quick try-before-install experience for an iOS app
• Choosing an App Clip flow for ordering, payments, or events
• Reviewing App Clip cards, links, or install handoff

Diagnose why an iOS or Android app was rejected, map the review notice to a likely policy issue, and prepare a focused fix plan, reviewer response, and resubmission checklist. It also helps decide when an appeal or expedited review is appropriate.

中文简介正在准备中。当前显示英语简介。

• Understanding an App Store rejection notice
• Drafting a response to Apple or Google reviewers
• Planning fixes for a policy or guideline violation

Use crash reports and stability data to understand an app’s crashes, identify the issues affecting the most users, and prioritize fixes. The skill also covers Crashlytics setup, reading crash reports, symbolication, and tracking crash trends across releases.

中文简介正在准备中。当前显示英语简介。

• Prioritizing crashes to fix
• Setting up Crashlytics reporting
• Interpreting a crash report

Find and install reusable HyperFrames blocks and effect components, then integrate them into an existing composition. Configure block timing and layer order, merge component HTML, CSS, and JavaScript, and adjust installation paths.

中文简介正在准备中。当前显示英语简介。

• Find reusable blocks and components in the registry
• Add an installed block to an existing composition
• Merge effect snippets into HTML, CSS, and JavaScript

Write GSAP animations for HyperFrames compositions, from element entrances to coordinated sequences. Use timelines to organize timing, control playback, adapt motion to screen size and reduced-motion preferences, and choose animation properties suited to efficient rendering.

中文简介正在准备中。当前显示英语简介。

• Animate elements entering a HyperFrames composition
• Coordinate multiple elements with timelines and staggered starts
• Adjust motion for screen size and reduced-motion preferences

Use this skill to review LoongCollector self-monitoring code in C++ and Go. It covers metric names, labels, metric registration and updates, and severity-based alarms, helping agents implement or check monitoring changes against project conventions.

中文简介正在准备中。当前显示英语简介。

• Reviewing metric names and units in a code change
• Adding a self-monitoring metric in C++ or Go
• Choosing an alarm severity for an error

Consult this reference for OMC agent roles, tools, workflow skills, team pipeline stages, and commit message trailers. It helps users find the right orchestration commands and understand how work moves through planning, execution, verification, and fixes.

中文简介正在准备中。当前显示英语简介。

• Looking up an OMC agent role for a task
• Finding a team pipeline stage or orchestration command
• Checking commit trailers for recording decision context

Use this skill to turn a Git diff or supplied change context into a clear Conventional Commits message. It selects a change type and optional scope, explains the reason and impact, and can include issue or breaking change references.

中文简介正在准备中。当前显示英语简介。

• Writing a commit message from a Git diff
• Choosing a Conventional Commits type and scope
• Describing why a change was made

Build LoongCollector’s C++ core and Go plugins, run C++ unit tests, or create end-to-end and release images. The guide helps choose CI-aligned Docker builds or local CMake workflows, with commands and setup notes for each target.

中文简介正在准备中。当前显示英语简介。

• Build the C++ core using the CI-aligned workflow
• Run all or selected C++ unit tests
• Compile Go plugins locally or in CI style