Tailwind CSS V4는 구성, 마이그레이션 단계, 성능 선택지를 변경합니다. 이 스킬은 Claude, Codex, Claude Code에 더 안전한 업그레이드와 더 나은 CSS 아키텍처를 위한 구조화된 지침을 제공합니다.

React 19는 폼, 비동기 상태, refs, 서버 경계를 변경합니다. 이 스킬은 Claude, Codex, Claude Code에 업그레이드와 신규 구축을 위한 실용적인 패턴을 제공합니다.

Next.js 16 마이그레이션에는 라우팅, 캐싱, 도구 변경과 관련된 breaking change가 포함됩니다. 이 스킬은 최신 App Router 프로젝트를 위한 집중 워크플로, 시작용 에셋, 리뷰 체크리스트를 제공합니다.

스택형 풀 리퀘스트는 일반 Git 명령만으로 관리하기 어려울 수 있습니다. 이 스킬은 스택 생성, 제출, 동기화, 재구성을 위한 직접적인 Graphite CLI 워크플로를 제공합니다.

TypeScript 프로젝트에는 안전하고 유지보수하기 쉬운 코드를 위한 일관된 규칙이 필요합니다. 이 스킬은 Claude, Codex, Claude Code에 엄격한 타입 지정, 리뷰, 테스트, 문서화를 위한 실용적인 지침을 제공합니다.

일관되지 않은 Git 습관은 리뷰를 늦추고 히스토리를 이해하기 어렵게 만듭니다. 이 스킬은 반복 가능한 협업을 위해 worktree, conventional commits, trailers, pull requests를 안내합니다.

Bash 스크립트는 종종 조용히 실패하거나 엣지 케이스에서 깨집니다. 이 스킬은 Claude, Codex, Claude Code가 더 안전한 템플릿, 검증, 테스트 습관을 따르도록 안내합니다.

애플리케이션은 보호된 기능을 공개하기 전에 사용자의 접근을 허용하는 통제된 방법이 필요합니다. 이 스킬은 백엔드 승인 검사와 프런트엔드 관리 워크플로를 안내합니다.

안전한 결제 흐름을 구축하려면 백엔드, 프런트엔드, 라우팅 작업을 유기적으로 조율해야 합니다. 이 스킬은 Caffeine AI 애플리케이션에 Stripe Checkout을 통합하는 방법을 안내합니다.

Camera-based QR scanning requires coordinated camera controls, decoding state, history, and error handling. This skill provides a React hook contract and an implementation pattern for a usable scanner interface.

Direct X API integration can expose bearer tokens, multiply outcall costs, and mishandle optional fields. This skill provides Motoko architecture, OAuth guidance, frontend flows, and x-client patterns for secure per-user posting.

Structured canister data is difficult for intelligence agents to query safely. This skill adds OQL entities, schema discovery, query execution, relationships, and per-entity authorization.

Direct OpenAI calls from Internet Computer canisters can expose credentials and multiply charges. This skill provides typed Motoko patterns for safer chat integration.

Large files need storage beyond Internet Computer canister limits. This skill guides Caffeine AI projects through backend integration, browser uploads, cached display, downloads, and troubleshooting.

Caffeine applications need LLM access without exposing provider keys or misconfiguring canister outcalls. This skill provides the supported authenticated Motoko integration pattern.

백엔드 캐니스터에는 외부 서비스를 호출하는 통제된 방법이 필요합니다. 이 스킬은 transform 콜백을 사용하여 GET 및 POST 아웃콜을 추가하는 방법을 보여줍니다.

애플리케이션은 사용자가 제출한 이메일 주소를 실제로 제어하고 있음을 증명해야 합니다. 이 스킬은 인증 이메일, 콜백 및 인증된 주소 확인 기능을 통합하는 방법을 안내합니다.

Connecting React applications to Internet Computer backends requires coordinated authentication, actor, query, and storage setup. This skill provides proven integration and migration guidance for that foundation.

Web camera integration requires permission handling, preview state, and device controls. This skill guides Claude, Codex, and Claude Code through the provided React hook.

비공개 데이터를 다루는 애플리케이션에는 일관된 인증 및 권한 부여 제어가 필요합니다. 이 스킬은 백엔드 가드, 프로필 보호, 검증된 속성 및 프런트엔드 세션 패턴을 제공합니다.