frontend-patterns
React, Next.js, 상태 관리, 성능 최적화 및 UI 모범 사례에 대한 프론트엔드 개발 패턴. React 또는 Next.js 컴포넌트, 상태, 렌더링 성능을 구축하거나 검토할 때 활용하세요.
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
React, Next.js, 상태 관리, 성능 최적화 및 UI 모범 사례에 대한 프론트엔드 개발 패턴. React 또는 Next.js 컴포넌트, 상태, 렌더링 성능을 구축하거나 검토할 때 활용하세요.
Create and update pitch decks, one-pagers, investor memos, accelerator applications, financial models, and fundraising materials. Use when the user needs investor-facing documents, projections, use-of-funds tables, milestone plans, or materials that must stay internally consistent across multiple fundraising assets.
Redux Toolkit, Zustand, Jotai, React Query를 활용해 현대적인 React 상태 관리 기술을 익혀보세요. 전역 상태를 설정하거나, 서버 상태를 관리하거나, 상태 관리 솔루션을 선택할 때 이 가이드가 도움이 될 것입니다.
Quarkus security implementation patterns: JWT and OIDC authentication, @RolesAllowed RBAC and SecurityIdentity checks, Bean Validation and custom validators, parameterized Panache queries, BCrypt password hashing, CORS and security headers, rate limiting, audit logging, Vault or environment-variable secrets, and dependency CVE scanning. Use when adding authentication or authorization, validating input, managing secrets, or hardening a Quarkus application.
Research-before-coding workflow: search npm/PyPI, MCP servers, skills, and GitHub for existing tools before writing custom code, then adopt, extend, or build. Launches the researcher agent for non-trivial needs. Use when starting a feature, adding a dependency or integration, or about to write a utility that may already exist.
Operate as an agentic engineer using eval-first execution, decomposition, and cost-aware model routing. Use when planning or executing engineering work that agents will carry out end to end.
Multi-agent orchestration using dmux (tmux pane manager for AI agents). Patterns for parallel agent workflows across Claude Code, Codex, OpenCode, and other harnesses. Use when running multiple agent sessions in parallel or coordinating multi-agent development workflows.
Orchestrate TestFlight distribution, groups, testers, and What to Test notes using asc. Use when rolling out betas.
테이블 기반 테스트, 서브테스트, 벤치마크, 퍼징, 테스트 커버리지 등을 포함한 Go 테스트 패턴입니다. TDD 방법론과 Go 언어의 관례적인 관행을 따릅니다. Go 테스트(테이블 기반 테스트 케이스, 서브테스트, 벤치마크, 퍼징 또는 커버리지)를 작성할 때 사용하세요.
견고하고 효율적이며 유지보수가 용이한 Go 애플리케이션을 구축하기 위한 Go의 관용적 패턴, 모범 사례 및 관례. Go 코드를 작성하거나 검토할 때, 관용적인 구조나 관례에 대한 의문이 생길 때 활용하십시오.
>-
Design composable recommendation, ranking, and feed pipelines using the six-stage Source→Hydrator→Filter→Scorer→Selector→SideEffect framework popularized by xAI's open-sourced For You algorithm. Use this skill whenever the user is building any system that picks "the top K items for a (user, context)" — social feeds, content CMSs, RAG rerankers, task prioritizers, notification triage, search reranking, ad ranking.
Prevent silent decimal mismatch bugs across EVM chains. Covers runtime decimal lookup, chain-aware caching, bridged-token precision drift, and safe normalization for bots, dashboards, and DeFi tools. Use when handling token amounts across EVM chains, or when a balance, price, or transfer amount is off by orders of magnitude.
Route broad documentation-governance requests to existing ECC skills and run an opt-in, read-only audit of mapped documentation roles, links, ADR indexes, and evidence references. Use when a user asks for documentation governance, project-knowledge organization, documentation integrity, or a deterministic docs audit without naming a narrower skill.
Vega 가상 기기에서 Apple 플랫폼 앱(iOS, tvOS, macOS), Android 기기 및 Amazon Vega OS TV 앱을 자동화합니다. 앱 탐색, 지원되는 경우 스냅샷/스크린샷 촬영, TV 리모컨 조작, 탭, 입력, 스크롤, UI 정보 추출, 증거 수집 또는 에이전트-기기 CLI 명령어 계획 수립 시 사용합니다.
Use when auditing Claude skills and commands for quality. Supports Quick Scan (changed skills only) and Full Stocktake modes with sequential subagent batch evaluation.
>-
Make a short Vox-style documentary explainer (30-60 seconds) entirely in code with Claude Code. Torn paper, halftone texture, bold condensed type, motion on twos. Use when someone says "make a Vox-style video", "explainer video about...", "why does X happen", or wants a documentary-style motion graphic for LinkedIn, Instagram or YouTube without After Effects or a video generator.
Set up bundle IDs, capabilities, signing certificates, provisioning profiles, and encrypted signing sync with the asc cli. Use when onboarding a new app, rotating signing assets, or sharing them across a team.
GAN-inspired Generator-Evaluator agent harness for building high-quality applications autonomously. Based on Anthropic's March 2026 harness design paper. Use when a feature should be built autonomously through generator and evaluator iteration until it clears a quality bar.