개발 스킬

Build or move Next.js applications to Cloudflare Workers using vinext, which implements Next.js APIs on Vite. This skill guides project setup, compatibility checks, migration, and deployment through the relevant upstream skills and documentation.

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

• Starting a Next.js application on Cloudflare Workers
• Migrating an existing Next.js application to vinext
• Comparing vinext and OpenNext for a project

Integrate transactional email sending and incoming email routing with Cloudflare. The skill covers Workers and external applications, domain setup, message processing, and troubleshooting delivery issues such as authentication problems or unverified forwarding destinations.

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

• Sending transactional emails from Workers or external apps
• Processing and forwarding incoming emails
• Setting up sending domains and bindings

Audit website loading speed and responsiveness using performance traces, network requests, and available source code. Identify causes of slow rendering or layout shifts, then prioritize specific fixes by their estimated impact.

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

• Investigate slow page loading
• Find elements causing layout shifts
• Review image, script, and cache performance

Build, debug, and review Cloudflare Durable Objects for applications that retain shared data and coordinate concurrent activity. It covers storage, real-time connections, scheduled tasks, configuration, and tests for features such as chat rooms and bookings.

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

• Building chat rooms with shared state
• Coordinating inventory updates and bookings
• Implementing real-time notifications with WebSockets

Develop and maintain Cloudflare Sandbox applications using the SDK 1.0 preview. It guides process execution, result collection, interactive terminals, and environment handling in isolated Linux containers controlled from Workers, with checks for matching package and image versions.

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

• Building an application with the Sandbox SDK preview
• Running commands and collecting process output
• Adding an interactive terminal to a Sandbox application

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

Use structured templates to audit code, assess security threats, investigate performance, and review system architecture. Organize evidence, severity ratings, and metrics into reports with prioritized recommendations for immediate fixes and longer-term improvements.

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

• Audit code quality and maintenance risks
• Map security threats and prioritize responses
• Analyze slow responses and resource bottlenecks

Develop code to collect website text and social media information. Combine lightweight extraction with browser-based fallbacks, inspect undocumented APIs, and detect paywalls or blocking pages so failed requests are not mistaken for useful content.

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

• Extracting article text and titles from websites
• Adding browser fallbacks for JavaScript-heavy pages
• Detecting paywalls, login screens, and rate limits

Set up Tailwind CSS v4 and shadcn/ui in React projects using Vite. Configure reusable color variables and dark mode, troubleshoot theme switching, and follow templates and migration guidance when moving from Tailwind v3.

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

• Set up Tailwind CSS v4 with shadcn/ui
• Implement light and dark theme switching
• Troubleshoot colors and CSS variables

Migrate Slack bots to Teams or build bots for both platforms. Analyzes existing projects and guides feature-by-feature implementation, including message interface conversion, identity and authentication integration, and deployment to Azure or AWS.

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

• Migrate an existing Slack bot to Teams
• Build a bot that supports Slack and Teams
• Convert Block Kit interfaces to Adaptive Cards

Set up or update M365 Agents Toolkit by checking its command-line tool and installing its VS Code extension. Supports either component separately, reports failures, and runs the command-line tool through npx without a global installation.

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

• Setting up M365 Agents Toolkit
• Checking the ATK command-line tool
• Installing or updating the VS Code extension

Build Microsoft 365 apps and agents for Teams and Copilot using the ATK CLI. Covers project setup, local testing, Azure deployment, troubleshooting, and migrating Slack bots, including conversion from Block Kit to Adaptive Cards.

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

• Create a Teams app or agent from a template
• Test locally with Agents Playground
• Provision Azure resources and deploy an app

Investigate how a specific part of a codebase works by tracing real implementations across files. Receive diagrams, tables, code references, and recommendations covering architecture, data flow, dependencies, and design risks, with facts distinguished from inference.

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

• Understand a feature implemented across multiple files
• Trace data from its entry point to its destination
• Review dependencies and architectural risks

Turn Git commit history into a structured changelog grouped by date and change type. Combines related commits into clear descriptions, highlights changes that affect users, and adds migration notes for breaking changes.

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

• Review recent repository changes
• Create a changelog grouped by change type
• Summarize related commits for users

Answer questions about a codebase by examining its source files. Explains how components work and where definitions live, with file and line references, a key-files table, and diagrams for architecture or data flow.

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

• Understand how a feature works
• Find where a function or component is defined
• Identify key files in an unfamiliar codebase

Set up application registration and authentication with Microsoft Entra ID. Guides API permissions, credentials, and OAuth 2.0 flows, with MSAL authentication library examples for user sign-in and service-to-service access.

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

• Registering an application in Microsoft Entra ID
• Adding user sign-in to a console application
• Configuring API permissions for an application

Generate missing AGENTS.md files from a repository’s actual configuration and code. Gives coding agents folder-specific build commands, testing instructions, conventions, and working boundaries, with companion CLAUDE.md files that direct readers to the instructions.

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

• Preparing repository instructions for coding agents
• Documenting package-specific commands in a monorepo
• Recording test procedures and code conventions

Build MCP servers that display interactive widgets in M365 Copilot Chat. Covers React and Fluent UI interfaces, structured data responses, adding widgets to existing servers, local tunnel testing, and configuration for connecting tools to Copilot.

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

• Building interactive widgets for M365 Copilot Chat
• Adding widget rendering to an existing MCP server
• Testing local MCP connections through DevTunnels

Create and update agents defined through configuration files for M365 Copilot and Teams. The skill guides project setup, external service connections, instruction reviews, multilingual support, and deployment with a link for testing.

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

• Create a new agent for M365 Copilot or Teams
• Add API or MCP connections and configure OAuth
• Review instructions when an agent gives poor answers

Add group chat and live notifications to TypeScript applications using Azure Web PubSub. Implement two-way messaging over persistent WebSocket connections, with examples for user groups, access tokens, permissions, and server-side event handling.

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

• Building group chat organized into rooms
• Sending live notifications to specific users
• Validating connections and managing send permissions

Build FastAPI endpoints for creating, reading, updating, and deleting records. The skill guides authentication requirements, response models, HTTP status codes, and integration into an application using a reusable router template.

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

• Add endpoints for creating, reading, updating, and deleting records
• Require authentication for selected endpoints
• Define response models and HTTP status codes

Build Python agents for Teams, Microsoft 365, and Copilot Studio. Covers message routing, aiohttp web hosting, MSAL authentication, and streaming responses that display text as it arrives, with examples for protected commands and conversations.

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

• Build a Python conversation agent for Teams
• Add commands that require user sign-in
• Stream responses from Azure OpenAI

Build dark-themed React dashboards and admin panels with Tailwind CSS and Framer Motion. Apply consistent colors, reusable interface components, translucent glass-like surfaces, and animations for pages, cards, and buttons.

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

• Building a dark-themed dashboard
• Unifying colors and components in an admin panel
• Adding glass-like cards and page transitions

Create custom React Flow nodes for visual workflow editors using TypeScript templates. Covers typed node data, connection points, resizing controls, Zustand state integration, and registration steps to make nodes available on the canvas and in menus.

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

• Add a custom node to a visual workflow editor
• Define TypeScript types for node data
• Add connection points and resizing controls