개발 스킬

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

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

Bundle a local or remote code repository into one AI-readable file while preserving its folder structure. Choose formats such as XML or Markdown, filter files, count tokens, and prepare focused context for code review, research, or audits.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Prepare a codebase for AI review
• Package selected folders and file types
• Create context for investigating a bug

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

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

Use this skill when similar features have separate implementations or exceptions keep growing. It guides an agent to identify the shared principle, test a common abstraction against each case, and see which components or rules can be removed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Finding a shared pattern across repeated implementations
• Reducing a growing list of special cases
• Simplifying a design with many exceptions

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

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

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

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 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

Use this skill to understand LoongCollector’s architecture, terminology, key code locations, and C++ and Go conventions. It gives agents project context for investigating code and considering changes across the collector and its plugins.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Finding the right files to investigate a LoongCollector issue
• Understanding how collection pipelines move data
• Checking C++ or Go conventions before a change

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