💻

前端開發

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.

mshafei721/Turbocat
0
0
更新於 1w ago

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.

majiayu000/claude-skill-registry
0
0
更新於 1w ago

web3-testing

Marketplace

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.

HermeticOrmus/after-the-third-cup
0
0
更新於 1w ago

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.

pluginagentmarketplace/custom-plugin-terraform
0
0
更新於 1w ago

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.

arlenagreer/claude_configuration_docs
0
0
更新於 1w ago

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.

MEDICALCOR/medicalcor-core
0
0
更新於 1w ago

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.

majiayu000/claude-skill-registry
0
0
更新於 1w ago

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.

majiayu000/claude-skill-registry
0
0
更新於 1w ago

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.

h315uk3/as_you
0
0
更新於 1w ago

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"

majiayu000/claude-skill-registry
0
0
更新於 1w ago

metadata

HTML metadata and head content. Use when writing or reviewing page head sections including SEO, social sharing, performance hints, and bot control.

majiayu000/claude-skill-registry
0
0
更新於 1w ago

building-agents

Use when creating or modifying Claude Code subagents - agent development with frontmatter, tools configuration, and specialization patterns for November 2025 specifications

Regis-RCR/rcr-plugin-factory-marketplace
0
0
更新於 1w ago

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.

geonook/learning-management-system-esid
0
0
更新於 1w ago

paypal-integration

Marketplace

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.

HermeticOrmus/after-the-third-cup
0
0
更新於 1w ago

tdd-red-phase

Guide experienced developers through RED phase of TDD cycle - writing failing tests and verifying expected failures

scooter-indie/gh-pmu
0
0
更新於 1w ago

test-writing-patterns

Guide experienced developers on test structure, patterns, assertions, and test doubles for effective test-driven development

rubrical-studios/idpf-praxis-dist
0
0
更新於 1w ago

supporting-custom-elements

Marketplace

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.

djankies/claude-configs
0
0
更新於 1w ago

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.

majiayu000/claude-skill-registry
0
0
更新於 1w ago

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.

majiayu000/claude-skill-registry
0
0
更新於 1w ago

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

majiayu000/claude-skill-registry
0
0
更新於 1w ago