개발 스킬

Build web pages where scrolling controls animation and storytelling. Combine text reveals, pinned sections, and parallax, where layers move at different speeds, while considering mobile performance and accessibility.

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

• Product feature walkthroughs
• Visual stories that unfold as readers scroll
• Before-and-after comparisons

Plan game development by choosing specialized skills for the target platform, 2D or 3D graphics, and gameplay needs. Get guidance on shared foundations such as game loops, input handling, design patterns, and performance budgets.

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

• Planning a browser-based 2D platformer
• Designing a mobile puzzle game
• Organizing development for a multiplayer VR game

Turn a codebase into architecture documentation with Mermaid diagrams. Using the C4 model, a way to describe systems at different levels of detail, the skill explains external relationships, applications, internal components, deployment, and request flows.

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

• Explaining a system overview to stakeholders
• Documenting relationships between apps and databases
• Mapping internal components of a feature

Implement interfaces from Figma designs using the Figma MCP server. Retrieve design structure, screenshots, variables, and assets, then adapt the generated code to existing project components and styles and check it against the design.

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

• Implementing a screen from a Figma frame link
• Reusing existing components to match a design
• Retrieving images and SVG assets from Figma

Approach engineering problems by checking assumptions, defining performance constraints, and choosing suitable tools before implementation. The skill guides algorithm analysis, complete code, performance optimization, and correctness checks through tests, assertions, or formal verification, meaning mathematical checks of correctness.

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

• Checking algorithm complexity and design assumptions
• Choosing languages for numerical or distributed systems
• Implementing concurrent code with explicit error handling

Coordinate specialized agents in Claude Code to divide development and review tasks, pass findings between stages, and combine results into one report with prioritized recommendations and action items.

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

• Reviewing code from security, performance, and quality perspectives
• Coordinating frontend, backend, and database work
• Combining specialist findings into a prioritized report

Execute an implementation plan in one session by assigning a fresh subagent, a separate task-focused agent, to each task. Check specification compliance first, then code quality, and repeat fixes and reviews before proceeding.

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

• Execute an existing plan with mostly independent tasks
• Check specification compliance before reviewing code quality
• Repeat fixes and reviews for each implementation task

Design focused products built around AI APIs, with guidance on prompts, model selection, output validation, and user experience. Track usage and set cost limits to connect product behavior with operating costs and pricing decisions.

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

• Design an AI service for a specific task
• Create prompt templates and validate responses
• Track API costs and set usage limits

Build voice applications and phone agents with guidance on OpenAI Realtime API, Vapi, Deepgram, ElevenLabs, and LiveKit. Choose services for speech recognition, voice generation, and live communication, while addressing response delays and interruptions.

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

• Build a voice assistant that responds in real time
• Create a phone support agent with Vapi
• Connect speech recognition and voice generation

Turn a plain-language app request into a technology choice, project structure, and development plan. The skill coordinates specialist agents across interface, server, and database work, with templates for web, mobile, desktop, and other applications.

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

• Starting an app from a plain-language request
• Choosing technologies and a project structure
• Coordinating interface, server, and database development

Turn a feature idea into a detailed implementation plan through research, interviews, and reviews by Gemini and Codex. Produce self-contained work sections with dependencies and acceptance criteria, plus files for supported automated implementation workflows.

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

• Clarifying requirements before feature development
• Reviewing an implementation plan with multiple AI models
• Splitting development work into self-contained sections

Find current official documentation for OpenAI products and APIs, then get concise guidance with source citations. Use it to check implementation approaches, model capabilities, and limits, with code examples grounded in the documentation.

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

• Check how to implement features with Responses API
• Look up Codex usage
• Explore how to build ChatGPT apps with Apps SDK

Run Gemini CLI to review code, assess technical plans, and analyze large collections of files. Choose a model and execution settings for the task, then capture findings about security, maintainability, architecture, or technical debt.

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

• Reviewing security and quality across multiple files
• Checking architecture plans for missing components
• Analyzing the structure of a large codebase

Coordinates specialist agents in Claude Code to work from product requirements through design, implementation, testing, deployment, and operations. Includes task queues, saved progress, parallel reviews, and recovery workflows for managing extended development work.

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

• Turning product requirements into development tasks
• Coordinating implementation, testing, and reviews
• Resuming extended work from saved progress

Build AI agents that inspect screenshots, choose actions, and operate a mouse and keyboard. Covers the observation and action loop, desktop control examples, and isolated environments that restrict access to files, credentials, and networks.

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

• Build an AI agent that operates desktop screens
• Connect screenshot analysis to mouse and keyboard actions
• Design an isolated environment for automation

Configure Claude Code and improve how you assign coding tasks. This guide provides a CLAUDE.md template, practical prompting examples, debugging approaches using logs, and a workflow for making and checking small changes.

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

• Set up project guidelines in CLAUDE.md
• Write clearer requests for coding tasks
• Investigate unexpected agent behavior using logs

Search automatically generated code documentation to check function parameters, class definitions, API details, and comments before making changes. Find relevant documents by meaning, exact keywords, or document type, then retrieve their full contents.

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

• Check function parameters before implementation
• Find documentation about authentication
• List class and component documentation

Query an indexed code graph, a database of code relationships, to find callers, dependencies, model associations, and call paths. Use the results to understand which components may need attention before changing a function or model.

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

• Find callers before changing a function
• Find serializers affected by model changes
• Trace call paths between functions

Turn Figma designs into React and TypeScript components using coderio. The workflow uses design thumbnails to guide layout, extracts component structure and data, and generates code and assets for integration into an application.

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

• Build a React interface from a Figma design
• Organize component structure and input data
• Generate components while checking the design thumbnail

Automatically retrieves current library and framework documentation through the Context7 API during Claude Code conversations. Use it when asking about tools such as React, Next.js, or Prisma and needing up-to-date reference material.

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

• Retrieve current React documentation during a conversation
• Consult Next.js documentation in Claude Code
• Fetch Prisma reference material when asking questions

Design tools that AI agents can understand and call correctly. Covers JSON Schema, a format for defining inputs, along with clear descriptions, input examples, validation, and error responses that help agents recover from failures.

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

• Designing inputs for an AI agent tool
• Improving tool descriptions and input examples
• Reviewing validation and error responses

Develop Garry's Mod addons with guidance on Lua scripts, file organization, assets, and packaging. Covers server and client execution contexts, API lookup, and debugging, with in-game testing included in the workflow.

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

• Planning a new Garry's Mod addon
• Writing Lua scripts for server and client contexts
• Organizing addon assets and directories

Gives AI agents persistent project memory for architecture, implementation patterns, and decisions. Supports saving, searching, and retrieving knowledge, automatically syncing it with project documentation, and viewing memory usage through a dashboard.

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

• Save architecture decisions for later reference
• Search saved implementation patterns by type or tag
• Retrieve a specific design record by key

Adapt an AI agent’s approach to brainstorming, implementation, debugging, review, teaching, or release preparation. Defines how each mode should ask questions, prioritize work, and present results, with automatic mode selection and explicit switching examples.

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

• Explore several ideas before implementation
• Investigate a bug through hypotheses and checks
• Organize review findings by severity