liauw-media/CodeAssist

web-animation

Build immersive, scroll-driven websites with GSAP ScrollTrigger, Lenis smooth scroll, parallax effects, and cinematic page transitions. Use when building premium corporate sites, landing pages, or marketing microsites that need motion and polish beyond static…

원문 언어: 영어

code-documenter

Use when adding docstrings, creating API documentation, or building documentation sites. Invoke for OpenAPI/Swagger specs, JSDoc, doc portals, tutorials, user guides.

원문 언어: 영어

code-reviewer

Use when reviewing pull requests, conducting code quality audits, or identifying security vulnerabilities. Invoke for PR reviews, code quality checks, refactoring suggestions.

원문 언어: 영어

database-optimizer

Use when investigating slow queries, analyzing execution plans, or optimizing database performance. Invoke for index design, query rewrites, configuration tuning, partitioning strategies, lock contention resolution.

원문 언어: 영어

debugging-wizard

Use when investigating errors, analyzing stack traces, or finding root causes of unexpected behavior. Invoke for error investigation, troubleshooting, log analysis, root cause analysis.

원문 언어: 영어

devops-engineer

Use when setting up CI/CD pipelines, containerizing applications, or managing infrastructure as code. Invoke for pipelines, Docker, Kubernetes, cloud platforms, GitOps.

원문 언어: 영어

laravel-specialist

Use when building Laravel 10+ applications requiring Eloquent ORM, API resources, or queue systems. Invoke for Laravel models, Livewire components, Sanctum authentication, Horizon queues.

원문 언어: 영어

typescript-pro

Use when building TypeScript applications requiring advanced type systems, generics, or full-stack type safety. Invoke for type guards, utility types, tRPC integration, monorepo setup.

원문 언어: 영어

alibaba-cloud-architecture

Alibaba Cloud architecture patterns and best practices. Use when designing, deploying, or reviewing infrastructure on Alibaba Cloud including ECS, ACK, Function Compute, and OSS.

원문 언어: 영어

aws-architecture

AWS cloud architecture patterns and best practices. Use when designing, deploying, or reviewing AWS infrastructure including EC2, ECS, EKS, Lambda, RDS, S3, IAM, and VPC.

원문 언어: 영어

azure-architecture

Microsoft Azure architecture patterns and best practices. Use when designing, deploying, or reviewing Azure infrastructure including AKS, App Service, Functions, CosmosDB, and Entra ID.

원문 언어: 영어

gcp-architecture

Google Cloud Platform architecture patterns and best practices. Use when designing, deploying, or reviewing GCP infrastructure including GKE, Cloud Run, Cloud Functions, BigQuery, and IAM.

원문 언어: 영어

vercel-deployment

Vercel deployment patterns and best practices. Use when deploying frontend applications, configuring edge functions, setting up preview deployments, or optimizing Next.js applications.

원문 언어: 영어

ansible-automation

Configuration management with Ansible. Use when automating server setup, application deployment, orchestrating multi-server tasks, or managing infrastructure configuration.

원문 언어: 영어

docker-containers

Docker containerization best practices. Use when building Docker images, writing Dockerfiles, configuring Docker Compose, or troubleshooting container issues.

원문 언어: 영어

kubernetes-orchestration

Kubernetes container orchestration. Use when deploying to Kubernetes, writing manifests, configuring Helm charts, or troubleshooting cluster issues.

원문 언어: 영어

terraform-iac

Infrastructure as Code with Terraform. Use when provisioning cloud resources, managing state, creating modules, or reviewing Terraform configurations.

원문 언어: 영어

cost-optimization

Cloud cost optimization and FinOps practices. Use when analyzing cloud costs, implementing savings strategies, or optimizing resource usage.

원문 언어: 영어

cloud-monitoring

Cloud monitoring with Prometheus, Grafana, and cloud-native tools. Use when setting up metrics, alerts, dashboards, or troubleshooting performance issues.

원문 언어: 영어

gitops-workflows

GitOps deployment patterns with ArgoCD and Flux. Use when implementing Git-based infrastructure management, continuous deployment, or declarative operations.

원문 언어: 영어

policy-as-code

Policy as Code with OPA, Kyverno, and Checkov. Use when implementing governance, compliance automation, or security policies for infrastructure and Kubernetes.

원문 언어: 영어

agentic-design

Use when building AI agent systems. Covers agent loops, tool calling, planning patterns, memory systems, multi-agent coordination, and safety guardrails. Apply when creating autonomous AI workflows, coding assistants, or task automation systems.

원문 언어: 영어

llm-integration

Use when integrating LLM APIs into applications. Covers API patterns, prompt templates, streaming, error handling, cost optimization, and provider abstraction. Apply when building chat interfaces, completion endpoints, or AI-powered features.

원문 언어: 영어

persistent-memory

Use when working on long-running projects or needing context across sessions. Covers memory architecture, privacy controls, efficient retrieval, and integration with claude-mem plugin. Apply when building features that span multiple sessions or need…

원문 언어: 영어

rag-architecture

Use when building retrieval-augmented generation systems. Covers chunking strategies, embedding models, vector databases, retrieval patterns, and hybrid search. Apply when adding knowledge bases, document Q&A, or semantic search to applications.

원문 언어: 영어

branch-discipline

Enforce one branch per issue, small focused commits, and clean git history. Use with /branch command.

원문 언어: 영어

system-architect

Use when performing security audits or system hardening. Teaches security assessment principles and prioritization.

원문 언어: 영어

ci-templates

Use when setting up CI/CD pipelines. Teaches pipeline design principles and references platform-specific templates.

원문 언어: 영어

code-review

Self-review before declaring work complete

원문 언어: 영어

database-backup

Backup database before tests, migrations, or other database operations

원문 언어: 영어

using-skills

Check for relevant skills before starting any task

원문 언어: 영어

remote-code-agents

Delegate tasks to remote Claude Code agent containers for parallel execution, long-running analysis, or resource-intensive operations.

원문 언어: 영어

brand-guidelines

Establish or analyze brand identity guidelines. Creates comprehensive brand documentation that frontend-design, testing, and other skills automatically reference for consistent execution.

원문 언어: 영어

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

원문 언어: 영어

playwright-frontend-testing

Use when testing frontend applications. AI-assisted browser testing with Playwright MCP. Fast, deterministic, no vision models needed.

원문 언어: 영어

browser-automation-debugging

Use when debugging web applications or automating browser tasks. Leverage Chrome DevTools MCP for inspection, performance analysis, and automated testing.

원문 언어: 영어

lighthouse-performance-optimization

Use when optimizing website performance. Run Google Lighthouse audits via MCP to measure metrics, identify bottlenecks, and iterate on improvements.

원문 언어: 영어

git-platform-cli

MANDATORY: Use gh (GitHub) or glab (GitLab) CLI for ALL issue/task management. Unified workflow across platforms.

원문 언어: 영어

verification-before-completion

Use when finishing any task. Final checklist before marking complete. Ensures nothing forgotten, all tests pass, documentation updated.

원문 언어: 영어

pre-commit-hooks

MANDATORY setup for all projects. Automated code quality enforcement before commits. Prevents bad code from entering repository.

원문 언어: 영어