前端開發
8107 skills in 開發 > 前端開發
global-coding-style
Write clean, readable code with consistent naming conventions, proper formatting, small focused functions, and DRY principles. Use this skill when writing ANY code in the project regardless of language or framework. When naming variables, functions, classes, or files. When structuring functions and deciding on their size and scope. When removing dead code, unused imports, or commented-out blocks. When applying the DRY principle to extract common logic. When ensuring consistent indentation and formatting across the codebase.
cljr-feature-dev
Develop features for the Cljr Clojure-to-.NET compiler. Use when adding emitter features, expression types, analyzer support, or testing features. Guides the complete workflow from Expr.cs to C# tests to NRepl verification. Critical for REPL-oriented development.
web3-testing
Test smart contracts comprehensively using Hardhat and Foundry with unit tests, integration tests, and mainnet forking. Use when testing Solidity contracts, setting up blockchain test suites, or validating DeFi protocols.
devops-infrastructure-mastery
Master Docker containerization, Kubernetes orchestration, CI/CD pipelines, Infrastructure as Code (Terraform), and cloud platforms. Learn deployment automation, monitoring, scaling, and build reliable, scalable infrastructure for production systems.
frontend-debug
Autonomously debug frontend issues through empirical browser observation using Chrome DevTools MCP. This skill should be used when debugging UI/UX issues, visual bugs, interaction failures, console errors, or network problems in web applications. Provides systematic 6-phase debugging workflow with GitHub integration, automated verification, and knowledge retention.
claude-command-builder
Interactive slash command creator for Claude Code. Triggers when user mentions creating commands, slash commands, command templates, command arguments, or wants to build a new command workflow.
create-component
정적 HTML/CSS를 RNBT 동적 컴포넌트로 변환합니다. Figma Conversion에서 생성된 정적 파일을 RNBT_architecture 패턴에 맞게 동적 컴포넌트로 변환합니다. Use when converting static HTML to dynamic components, creating RNBT components, or implementing components with data binding and event handling.
azure-swa
Comprehensive expertise for Azure Static Web Apps including architecture, configuration, API integration with Azure Functions, authentication, routing, deployment, and CI/CD. Use when building, configuring, deploying, or troubleshooting Azure Static Web Apps projects with frameworks like React, Angular, Vue, Blazor, or vanilla JavaScript.
mcp-builder-rust
Guide for creating high-quality MCP (Model Context Protocol) servers in Rust using rmcp SDK. Use when building production-grade MCP servers with type safety, performance, and async support.
shadcn-svelte-management
Manage UI components using MCP tools with primary focus on Svelte ecosystem. Specialized in Svelte component libraries including shadcn-svelte, Skeleton UI, and Melt UI. Use when user needs to:(1) Add new Svelte UI components to a project(2) Build complex UI features requiring multiple components(3) Research component implementations and examples(4) Get component installation commands(5) Choose appropriate Svelte component libraryTriggers: "add components", "UI components", "build UI", "install component", "create form", "create dialog", "svelte components", "shadcn-svelte", "skeleton ui"
metadata
HTML metadata and head content. Use when writing or reviewing page head sections including SEO, social sharing, performance hints, and bot control.
building-agents
Use when creating or modifying Claude Code subagents - agent development with frontmatter, tools configuration, and specialization patterns for November 2025 specifications
map-growth-norms-2025
NWEA MAP Growth 2025 Norms technical reference for student/school achievement and growth percentile calculations. Use this skill when implementing MAP norm comparisons, calculating student percentile ranks from RIT scores, computing growth percentiles, interpreting seasonal achievement data, or building norm-referenced reporting dashboards. Covers Mathematics, Reading, Language Usage (G2-G11), and Science (G2-G10) with Fall/Winter/Spring seasonal data.
paypal-integration
Integrate PayPal payment processing with support for express checkout, subscriptions, and refund management. Use when implementing PayPal payments, processing online transactions, or building e-commerce checkout flows.
tdd-red-phase
Guide experienced developers through RED phase of TDD cycle - writing failing tests and verifying expected failures
test-writing-patterns
Guide experienced developers on test structure, patterns, assertions, and test doubles for effective test-driven development
supporting-custom-elements
Teaches Web Components (Custom Elements) support in React 19, including property vs attribute handling and custom events. Use when integrating Web Components or working with custom HTML elements.
playdate-dev
Playdate game development in Lua with the Playdate SDK, including game loop, sprites, graphics, input (crank, buttons, accelerometer), UI, performance, metadata (pdxinfo), and simulator/device workflow. Use when asked to make a Playdate game, implement Playdate-specific mechanics, or apply Playdate design and accessibility guidelines.
review-solution
Review coding challenge solutions from LeetCode, GreatFrontEnd, or other platforms. Analyze algorithm correctness, time/space complexity, code quality, identify patterns, explain key insights, and suggest related problems. Use when reviewing DSA solutions, analyzing complexity, or providing educational feedback on coding challenges.
browsing-with-playwright
Browser automation using Playwright MCP. Navigate websites, fill forms, click elements,take screenshots, and extract data. Use when tasks require web browsing, form submission,web scraping, UI testing, or any browser interaction. NOT when only fetching staticcontent (use curl/wget instead).