MadAppGang/claude-code - 3페이지

documentation-standards

Use when writing README files, API documentation, user guides, or technical documentation following industry standards from Google, Microsoft, and GitLab style guides.

원문 언어: 영어

state-management

Use when choosing state management solutions, implementing global stores (Zustand, Pinia), managing server state (TanStack Query), or handling URL state in frontend applications across React and Vue.

원문 언어: 영어

testing-frontend

Use when writing component tests, testing user interactions, mocking APIs, or setting up Vitest/React Testing Library/Vue Test Utils for frontend applications.

원문 언어: 영어

vue-typescript

Use when building Vue 3 applications with TypeScript, implementing Composition API components, setting up Pinia stores, or working with Vue Router. Covers script setup, composables, and reactive state.

원문 언어: 영어

core-principles

Use when planning new projects, onboarding, or reviewing architectural decisions. Core principles and project structure for React 19 SPA development. Covers stack overview, project organization, agent execution rules, and authoritative sources.

원문 언어: 영어

performance-security

Use when optimizing performance or reviewing security. Covers code-splitting, React Compiler patterns, asset optimization, a11y testing, and security hardening for React apps.

원문 언어: 영어

router-query-integration

Use when setting up route loaders or optimizing navigation performance. Integrates TanStack Router with TanStack Query for optimal data fetching. Covers route loaders with query prefetching, ensuring instant navigation, and eliminating request waterfalls.

원문 언어: 영어

shadcn-ui

Use when implementing UI components with shadcn/ui. Covers component installation, configuration with Vite/TanStack Router, CLI commands, and integration with Tailwind CSS.

원문 언어: 영어

tanstack-router

Use when setting up routes, implementing navigation, or configuring route loaders. TanStack Router patterns for type-safe, file-based routing. Covers installation, route configuration, typed params/search, layouts, and navigation.

원문 언어: 영어

tooling-setup

Use when setting up new projects or updating tool configurations. Configures Vite, TypeScript, Biome, and Vitest for React 19 projects. Covers build configuration, strict TypeScript setup, linting/formatting, and testing infrastructure.

원문 언어: 영어

ab-testing-patterns

A/B testing methodology for cold email optimization

원문 언어: 영어

campaign-metrics

Cold email campaign KPIs, benchmarks, and diagnostic patterns

원문 언어: 영어

email-deliverability

Email deliverability best practices and troubleshooting

원문 언어: 영어

sequence-best-practices

Email sequence design and optimization best practices

원문 언어: 영어

gemini-api

Google Gemini 3 Pro Image API reference. Covers text-to-image, editing, reference images, aspect ratios, and error handling.

원문 언어: 영어

style-format

Style template format specification. Single markdown files that describe artistic direction.

원문 언어: 영어

analytics-interpretation

Interpret GA4 and GSC data with benchmarks, status indicators, and actionable insights

원문 언어: 영어

content-brief

Content brief template and creation methodology for SEO-optimized content. Use when preparing briefs for writers or planning new content pieces.

원문 언어: 영어

content-optimizer

On-page SEO optimization techniques including keyword density, meta tags, heading structure, and readability. Use when optimizing existing content or validating new content against SEO requirements.

원문 언어: 영어

data-extraction-patterns

Common patterns for extracting analytics data from GA4 and GSC with API handling

원문 언어: 영어

keyword-cluster-builder

Techniques for expanding seed keywords and clustering by topic and intent. Use when building keyword lists, planning content calendars, or identifying topic clusters for pillar content strategy.

원문 언어: 영어

link-strategy

Internal linking strategy and anchor text optimization patterns. Use when planning internal links or optimizing site structure.

원문 언어: 영어

performance-correlation

Correlate content attributes with GA4 and GSC metrics to identify performance drivers

원문 언어: 영어

schema-markup

Schema.org markup implementation patterns for rich results. Use when adding structured data to content for enhanced SERP appearances.

원문 언어: 영어

serp-analysis

SERP analysis techniques for intent classification, feature identification, and competitive intelligence. Use when analyzing search results for content strategy.

원문 언어: 영어

technical-audit

Technical SEO audit methodology including crawlability, indexability, and Core Web Vitals analysis. Use when auditing pages or sites for technical SEO issues.

원문 언어: 영어

ffmpeg-core

FFmpeg fundamentals for video/audio manipulation. Covers common operations (trim, concat, convert, extract), codec selection, filter chains, and performance optimization. Use when planning or executing video processing tasks.

원문 언어: 영어

final-cut-pro

Apple Final Cut Pro FCPXML format reference. Covers project structure, timeline creation, clip references, effects, and transitions. Use when generating FCP projects or understanding FCPXML structure.

원문 언어: 영어

transcription

Audio/video transcription using OpenAI Whisper. Covers installation, model selection, transcript formats (SRT, VTT, JSON), timing synchronization, and speaker diarization. Use when transcribing media or generating subtitles.

원문 언어: 영어

claudemem-search

⚡ PRIMARY TOOL for semantic code search AND structural analysis. NEW: AST tree navigation with map, symbol, callers, callees, context commands. PageRank ranking. Recommended workflow: Map structure first, then search semantically, analyze callers before…

원문 언어: 영어

code-search-selector

💡 Tool selector for code search tasks. Helps choose between semantic search (claudemem) and native tools (Grep/Glob) based on query type. Semantic search recommended for: 'how does X work', 'find all', 'audit', 'investigate', 'architecture'.

원문 언어: 영어

debugger-detective

⚡ Debugging skill. Best for: 'why is X broken', 'find bug source', 'root cause analysis', 'trace error', 'debug issue'. Uses claudemem AST with context command for efficient call chain analysis.

원문 언어: 영어

developer-detective

⚡ Implementation analysis skill. Best for: 'how does X work', 'find implementation of', 'trace data flow', 'where is X defined', 'find all usages'. Uses claudemem AST with callers/callees for efficient code tracing.

원문 언어: 영어

search-interceptor

💡 Bulk file read optimizer. Suggests semantic search alternatives when reading multiple files. Helps reduce token usage by using claudemem's ranked results instead of sequential file reads.

원문 언어: 영어

tester-detective

⚡ Test analysis skill. Best for: 'what's tested', 'find test coverage', 'audit test quality', 'missing tests', 'edge cases'. Uses claudemem AST with callers analysis for efficient test discovery.

원문 언어: 영어

ultrathink-detective

⚡ Comprehensive analysis skill. Best for: 'comprehensive audit', 'deep analysis', 'full codebase review', 'multi-perspective investigation', 'complex questions'. Combines all perspectives (architect+developer+tester+debugger). Uses Opus model with full…

원문 언어: 영어

ui-style-format

UI design style file format specification with reference image support. Defines the schema for .claude/design-style.md and .claude/design-references/. Use when creating, validating, or parsing project design styles.

원문 언어: 영어

tanstack-router

TanStack Router patterns for type-safe, file-based routing. Covers installation, route configuration, typed params/search, layouts, and navigation. Use when setting up routes, implementing navigation, or configuring route loaders.

원문 언어: 영어

browser-debugging

Systematically tests UI functionality, validates design fidelity with AI visual analysis, monitors console output, tracks network requests, and provides debugging reports using Chrome Extension MCP tools. Use after implementing UI features, for design…

원문 언어: 영어

css-modules

CSS Modules with Lightning CSS and PostCSS for component-scoped styling. Covers *.module.css patterns, TypeScript integration, Vite configuration, and composition. Use when building complex animations, styling third-party components, or migrating legacy CSS.

원문 언어: 영어