개발 스킬

Make system design decisions by clarifying requirements, identifying constraints, and comparing the benefits and drawbacks of different approaches. Record the reasoning in architecture decision records, or ADRs, while considering simpler alternatives and the team's experience.

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

• Organizing requirements before designing a system
• Comparing architectural patterns and trade-offs
• Documenting the reasons behind design decisions

Design PostgreSQL tables around actual queries and data volumes. Choose data types, validation rules, and indexes, then plan large table partitioning, access rules for individual rows, and schema changes with migration and rollback considerations.

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

• Designing tables for users, orders, and related data
• Reviewing data types, constraints, and indexes
• Planning large tables and frequent update workloads

Plan and implement database structure changes and data transfers using Sequelize, TypeORM, or Prisma. Covers staged changes to keep services running, rollback procedures to undo changes, backups, and migration verification.

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

• Add, rename, or change database columns
• Transform data into a new structure
• Prepare and test rollback procedures

Turn a project idea into a detailed system plan before coding. Organize architecture, data flows, dependencies, and file-level tasks in a linked Markdown workspace, with research references, consistency checks, and saved state for resuming later.

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

• Plan a new system before writing code
• Break implementation into tasks with files and dependencies
• Check a design for gaps and contradictions

Develop Azure Functions with guidance for .NET, Python, and Node.js. Covers asynchronous processing, Durable Functions for coordinating tasks, startup delay optimization, and production concerns such as timeouts, HTTP client reuse, and monitoring configuration.

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

• Choose an execution model for a new .NET function
• Coordinate asynchronous tasks with Durable Functions
• Review startup delays and timeout settings

Apply consistent coding practices across TypeScript, JavaScript, React, and Node.js projects. Get guidance on naming, types, error handling, API design, file organization, and tests to make code easier to read and maintain.

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

• Aligning coding conventions across a team
• Refactoring long functions and deeply nested code
• Reviewing React components and state updates

Helps build Angular v20+ applications with Signals, which track changing values, and self-contained Standalone Components. Covers state management, server rendering, performance improvements, and testing, including gradual updates to existing applications.

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

• Build a new Angular v20+ application
• Migrate NgModules to Standalone Components
• Design state management with Signals

Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.

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

• Creating interfaces with multiple components
• Building artifacts with changing data and multiple views
• Sharing a React app as a single HTML file

Build Python applications that keep other tasks moving while waiting for network, file, or database operations. The skill guides asyncio patterns, task cancellation, timeouts, workload limits, and testing for asynchronous APIs, scrapers, and background processing.

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

• Building asynchronous web APIs
• Sending concurrent requests in web scrapers
• Designing background tasks and queues

Design REST and GraphQL APIs by clarifying who will use them and how. Define data structures, errors, authentication, pagination, and versioning, then review examples to make the interface consistent and easier to use.

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

• Designing a new REST or GraphQL API
• Reviewing API specifications before implementation
• Defining shared API design standards for a team

Write complex SQL, improve slow queries, and design database schemas for transaction processing and analytics. Uses schema details and query execution plans to guide indexing, validate results, and assess performance with realistic data volumes.

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

• Investigate and improve slow analytical queries
• Design a database schema for a SaaS application
• Write customer retention and cohort analysis queries

Design and improve server-side applications using patterns for Node.js, Express, and Next.js API routes. Code examples cover API structure, database access, caching, authentication, error handling, and background jobs to guide implementation choices.

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

• Organize API endpoints and application logic
• Reduce unnecessary database queries
• Add authentication and permission checks

Plan backend services and APIs, from service responsibilities and interface definitions to authentication, failure handling, monitoring, and rollout. Produces architecture diagrams, API specifications, and documented tradeoffs based on business and operational requirements.

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

• Designing an order management API
• Defining responsibilities across multiple services
• Planning retries and timeouts for external integrations

Guides background processing in Node.js and TypeScript with BullMQ and Redis. Covers job queues, which hold tasks for later execution, along with scheduling, priorities, rate limits, worker concurrency, and dependencies between processing steps.

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

• Design a queue for background tasks
• Schedule jobs for later or repeated execution
• Organize dependent steps into a job flow

Build site search with Algolia using React InstantSearch patterns for search input, filters, and pagination. The skill also covers Next.js server rendering and strategies for keeping searchable records synchronized as source data changes.

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

• Adding search-as-you-type to a React site
• Building filters and search result pagination
• Integrating search with Next.js server rendering

Structure Avalonia interfaces with Zafiro.Avalonia using shared styles, reusable components, and purpose-built layout containers. Guides reductions in duplicated XAML, the interface markup, and deeply nested layouts, while covering themes, icons, and interaction behavior.

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

• Consolidating repeated visual settings into shared styles
• Simplifying deeply nested screen layouts
• Extracting repeated layouts into reusable components

Investigate database slowdowns and plan measurable improvements to queries, indexes, caching, and scaling. The skill covers SQL and NoSQL systems, with guidance on monitoring, load testing, migrations, and balancing performance against cost.

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

• Analyze slow SQL queries and execution plans
• Resolve repeated database calls in APIs
• Plan indexes and caching for high traffic

Reorganize long AGENTS.md, CLAUDE.md, and similar instruction files into a short main file with links to topic-specific documents. Identifies conflicting rules and deletion candidates, then checks links and coverage so instructions remain organized and accessible.

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

• Shorten an oversized AGENTS.md
• Split CLAUDE.md into topic-specific files
• Resolve conflicting agent instructions

Audit and improve web accessibility using WCAG 2.1 guidelines. Covers image descriptions, color contrast, keyboard controls, forms, and screen reader support, with code examples and automated and manual checks to guide fixes.

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

• Auditing accessibility before a website launch
• Improving keyboard navigation
• Fixing form labels and error announcements

Helps build JavaScript and TypeScript projects with Bun, covering setup, package management, testing, and bundling code for distribution. It also guides migration from Node.js and use of Bun’s built-in APIs.

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

• Start a JavaScript or TypeScript project with Bun
• Migrate an existing Node.js project to Bun
• Set up tests and production builds

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

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

Create interactive 3D scenes for websites, including product views and scroll-driven animations. Covers choosing Three.js, React Three Fiber, or Spline, preparing lightweight models, showing loading progress, and adapting experiences for mobile devices.

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

• Building an interactive 3D product configurator
• Adding 3D scenes to a portfolio
• Animating models and cameras as visitors scroll

Build interfaces with Tailwind CSS v4 using CSS-based configuration, layouts that adapt to their container, and shared color and spacing values. The skill guides responsive styling, dark mode, and reusable component patterns.

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

• Moving Tailwind CSS v3 configuration to v4
• Making cards adapt to their parent container
• Standardizing colors, spacing, and typography