設計

Configure Tailwind CSS v4 using Vite plugin, PostCSS, or CLI with CSS-first configuration via @import and @theme directives. Use when setting up new projects or migrating build tools.

Complete styling guide for Pupun Korvat jewelry theme. Apply phase by phase for complete restyling. Elegant artisan aesthetic with rose gold accents, corner decorations, and shimmer effects.

Review component architecture for React 19 best practices including size, composition, Server/Client boundaries, and anti-patterns. Use when reviewing component design.

This skill guides creating autonomous agents for Claude Code plugins using markdown files with YAML frontmatter. Use when building new agents, designing agent system prompts, or configuring agent behavior.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

This skill should be used when the user asks to "implement a feature", "add functionality", "build a new feature", "fix a non-trivial bug", or needs a structured development workflow. Orchestrates 7-phase workflow with user approval gates and TDD enforcement.

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.

This skill provides comprehensive backend REST API integration for Asleep sleep tracking platform. Use this skill when building server-side applications, API proxies for mobile apps, webhook event handlers, cross-platform backends (React Native, Flutter), analytics dashboards, or multi-tenant sleep tracking systems. Covers authentication, user management, session retrieval, statistics, webhook integration, and production-ready patterns with code examples in Python, Node.js, and curl.

Analyzes tasks and recommends the optimal agent pattern from Anthropic's Building Effective Agents. Provides pattern selection guidance based on task complexity, structure, and requirements. Use this as the entry point when unsure which pattern (Sequential, Router, Parallel, Orchestrator, Evaluator) fits your task best.

Master software architecture, system design, design patterns, distributed systems, and technical leadership. Learn to architect scalable, reliable, and maintainable systems.

Use when creating, improving, or troubleshooting Claude Code subagents. Expert guidance on agent design, system prompts, tool access, model selection, and best practices for building specialized AI assistants.

Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.

byobu/tmux 터미널 간 Claude 세션 상태 공유 및 양방향 통신 스킬. 여러 터미널에서 실행 중인 Claude 세션의 상태를 모니터링하고 메시지를 주고받을 수 있습니다. "byobu", "터미널 상태", "세션 공유", "터미널 통신", "멀티 터미널" 키워드로 활성화.

Design comprehensive workshops from 1-hour to multi-day including activities, materials, facilitation guides, and participant handouts. Use for interactive training events. Activates on "workshop design", "training event", "interactive session", or "hands-on learning".

Expert guidance for Git workflows, troubleshooting, and best practices

ReactでSPAフロントエンドを実装・改修するためのガイド。バックエンド分離前提でNext.jsやサーバーサイド機能に依存せず、React Router中心のクライアント実装を行う時に使う。認証はAuthProviderとuseAuthカスタムフックで統一し、OpenAPIからorvalまたはopenapi-typescriptで型/クライアントを生成して利用する。ESLint+Prettier、zod、shadcn/ui、デザイントークン（CSS変数/Tailwindテーマ）を前提にする場合に適用する。ディレクトリ構成はmodules/components/hooks/providers/servicesなどの直感的な命名で複雑化に耐える構成にする。

Manage subscription plans, pricing, and quotas. Use when adding plan features, updating limits, or building pricing pages.

Secure-by-design architecture patterns for Kubernetes. Zero trust, defense in depth, least privilege, and fail-secure patterns with implementation examples and threat models.

Expert guidance for building LLM applications with LangChain framework - chains, prompts, memory, retrievers, and integrations.

Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps.Use when working on Next.js applications, debugging routing, or inspecting app structure.NOT for general React or non-Next.js projects.