開發
前端、後端、行動裝置和全端開發技能
20307 skills in this category
advanced-effect-di-environment
Model dependencies using Effect-style Context, Layer, and Service patterns with compile-time safety. Use when designing DI systems, modeling environments, or building Effect-TS applications.
error-handling
Enforce proper error handling patterns. Use when writing async code, API calls, or user-facing features. Covers try-catch, error boundaries, graceful degradation, and user feedback.
syncfusion-styling
Use when styling or laying out SyncFusion components. Critical for understanding what CSS classes exist vs don't exist. Prevents using fake utility classes that break layout. Auto-activates when working with SF component styling, layout, spacing, colors, or icons.
hook-audit
Comprehensive audit of Claude Code hooks for correctness, safety, and performance. Use when reviewing, validating, or debugging hooks, checking JSON stdin handling, verifying exit codes (0=allow, 2=block), analyzing error handling, fixing hook failures, ensuring safe degradation, optimizing performance, or validating settings.json registration. Also triggers when user asks about hook best practices, wants to create a new hook, or needs help with hook configuration.
content-publishing
Automated content publishing pipeline for ID8Labs. Generates essays in Eddie's voice, publishes to id8labs.app, and distributes to social media (X, LinkedIn). Triggers on keywords like release, announce, publish, essay, research article, content pipeline.
sr-cardoso-frontend
Frontend React/Vite/PWA do Sr Cardoso. Use quando editar paginas, componentes, hooks, fluxo de agendamento, painel admin, consumo de API REST e UX mobile-first.
model-routing-patterns
Model routing configuration templates and strategies for cost optimization, speed optimization, quality optimization, and intelligent fallback chains. Use when building AI applications with OpenRouter, implementing model routing strategies, optimizing API costs, setting up fallback chains, implementing quality-based routing, or when user mentions model routing, cost optimization, fallback strategies, model selection, intelligent routing, or dynamic model switching.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
code-reviewer
Validate feature implementations against DevPortfolio Clean Architecture standards and coding guidelines. Use when asked to review code, validate implementations, check coding standards, or assess code quality. Generates comprehensive validation reports with compliance scoring, layer-by-layer analysis, and prioritized action items.
e2e-testing
Use PROACTIVELY when setting up end-to-end testing, debugging UI issues, creating visual regression suites, or automating browser testing. Uses Playwright with LLM-powered visual analysis, screenshot capture, and fix recommendations. Zero-setup for React, Next.js, Vue, Node.js, and static sites. Not for unit testing, API-only testing, or mobile native apps.
mastering-langgraph
Build stateful AI agents and agentic workflows with LangGraph in Python. Covers tool-using agents with LLM-tool loops, branching workflows, conversation memory, human-in-the-loop oversight, and production monitoring. Use when: (1) building agents that use tools and loop until task complete, (2) creating multi-step workflows with conditional branches, (3) adding persistence/memory across turns with checkpointers, (4) implementing human approval with interrupt(), (5) debugging via time-travel or LangSmith. Covers StateGraph, nodes, edges, add_conditional_edges, MessagesState, thread_id, Command objects, and ToolMessage handling. Examples include chatbots, calculator agents, and structured workflows.
shellcheck-configuration
Master ShellCheck static analysis configuration and usage for shell script quality. Use when setting up linting infrastructure, fixing code issues, or ensuring script portability.
app-lifecycle
Your approach to handling app lifecycle. Use this skill when working on files where app lifecycle comes into play.
eld-model-term-card
LDE(Law-Driven Engineering)のTerm Card作成スキル。ドメインの語彙(Vocabulary)を標準フォーマットで文書化し、名辞抽象を具体化する。使用タイミング: (1) 新しいTermを追加する時、(2) 既存Termを更新する時、(3) Vocabulary Catalogに新規エントリを追加する時、(4) Phase Dでカード化する時
fix-eslint
Automatically fix ESLint errors by modifying code to comply with linting rules. For small codebases (≤20 errors), fixes directly. For larger codebases (>20 errors), spawns parallel agents per directory for efficient processing. Never disables rules or adds ignore comments.
typescript-best-practices
Auto-load when writing TypeScript code. Provides patterns for type safety, async handling, and modern TypeScript idioms.
backend-python-performance
Profile and optimize Python backend code using cProfile, memory profilers, and performance best practices. Use when debugging slow FastAPI code, optimizing bottlenecks, or improving application performance.
style-guide
HTML 템플릿과 CSS 스타일 수정 가이드입니다. 템플릿 스타일 변경, 다크모드 수정, CSS 작업이 필요할 때 사용합니다.
code-review-checklist
Review code changes for correctness, security, performance, and maintainability. Use for PR reviews,code audits, pre-merge checks, or quality validation of Laravel + React code. EXCLUSIVE to reviewer agent.
jelly-subagent-creator
Create custom Claude Code subagents with proper structure and best practices. Supports project (.claude/agents/) and global (~/.claude/agents/) scopes. Activated when users mention "create agent", "new subagent", "add agent", "agent 만들기", or need to build specialized AI assistants.