React 팀은 패턴을 처음부터 다시 만들지 않고도 매끄러운 애니메이션이 필요합니다. 이 스킬은 일반적인 UI 모션 작업을 위한 Framer Motion 참고 자료, 템플릿, 예제를 제공합니다.

스킬 작성자는 올바르게 트리거되고 깔끔하게 패키징되는 스킬을 설계하기 위한 반복 가능한 지침이 필요합니다. 이 스킬은 Claude, Codex, Claude Code 워크플로를 위한 구조 규칙, 시작 스크립트, 검증 단계, 리뷰 패턴을 제공합니다.

긴 AI 대화는 컨텍스트가 커질수록 느려지고 비용이 증가하며 신뢰성이 낮아질 수 있습니다. 이 스킬은 압축, 마스킹, 캐싱, 분할을 위한 실용적인 기법을 제공합니다.

OAuth/OIDC 설정은 인증 서버, 클라이언트, 토큰 저장소, 리디렉션 전반에서 오류가 발생하기 쉽습니다. 이 스킬은 PKCE, JWKS, 갱신, 로그아웃, 이메일 인증 패턴을 포함해 Better Auth 서버와 Next.js SSO 클라이언트 설정을 안내합니다.

Next.js 16에서는 routing, params, proxy files, caching patterns가 변경되었습니다. 이 스킬은 Claude, Codex, Claude Code가 올바르게 구현할 수 있도록 집중된 지침을 제공합니다.

텍스트만 있는 채팅은 풍부한 작업 워크플로를 지원할 수 없습니다. 이 스킬은 팀이 대화형 위젯, 액션, 엔터티 태깅, 서버 핸들러를 설계하는 데 도움을 줍니다.

팀에는 UI, 인증, 백엔드 에이전트, 컨텍스트를 연결하는 안전한 AI 채팅이 필요합니다. 이 스킬은 React, Next.js, Python 백엔드, cookie proxy 흐름을 위한 ChatKit 패턴을 제공합니다.

ChatGPT Apps를 만들려면 특정 위젯 메타데이터, 서버 구조, 테스트 단계가 필요합니다. 이 스킬은 MCP 서버와 임베디드 위젯을 사용해 인터랙티브 Apps를 만들기 위한 템플릿과 가이드를 제공합니다.

수동 브라우저 테스트와 데이터 수집은 느리고 반복하기 어려울 수 있습니다. 이 스킬은 Claude, Codex, Claude Code에 제어된 브라우저 작업을 위한 로컬 Playwright MCP 워크플로를 제공합니다.

Catalyst-Relay 라우트를 만들려면 일관된 스키마, 핸들러, 등록, 문서가 필요합니다. 이 스킬은 엔드포인트 구조, Hono 연결, 응답 엔벌로프, 클라이언트 매핑, 문서화를 안내합니다.

각 함수가 서로 다른 구조를 따르면 핵심 비즈니스 로직이 일관성을 잃을 수 있습니다. 이 스킬은 Catalyst-Relay 규칙에 따라 Claude, Codex, Claude Code를 안내합니다.

TypeScript 프로젝트는 API, 데이터베이스, 검증 경계에서 안전성을 잃는 경우가 많습니다. 이 스킬은 데이터를 처음부터 끝까지 타입이 지정된 상태로 유지하는 실용적인 Zod, tRPC, Prisma, TypeScript 패턴을 보여줍니다.

일관된 tRPC 라우터와 Zod 스키마를 만들려면 반복적인 설정 작업이 필요합니다. 이 스킬은 프로젝트에 맞춘 엔드포인트 스캐폴딩을 위한 스크립트, 템플릿, 예제를 제공합니다.

팀은 새 기능을 계획하거나 레거시 시스템을 개선할 때 중요한 테스트 커버리지를 놓치는 경우가 많습니다. 이 스킬은 프로젝트 컨텍스트를 실용적인 테스트 계획, 커버리지 목표, 품질 게이트로 전환합니다.

실시간 기능은 스트리밍 패턴에서 백프레셔, 재연결, 정리를 빠뜨리면 실패합니다. 이 스킬은 Claude, Codex, Claude Code를 위한 SSE, WebSocket, ReadableStream 패턴을 제공합니다.

React Server Components에는 서버와 클라이언트 경계를 신중하게 설정해야 합니다. 이 스킬은 구현을 위한 Next.js App Router 패턴, 템플릿, 체크리스트를 제공합니다.

DevPrep AI 프로젝트에는 일관된 TypeScript, import, 명명, 아키텍처 표준이 필요합니다. 이 skill은 로컬 검사를 실행하고 품질 위반을 수정하기 위한 집중적인 지침을 제공합니다.

팀은 프로토타입 마크업을 유지보수 가능한 컴포넌트로 다시 만드는 데 시간을 쓰는 경우가 많습니다. 이 skill은 HTML, CSS, Figma 내보내기를 토큰과 접근성 가이드가 포함된 타입 지정 프론트엔드 컴포넌트로 변환합니다.

느린 애플리케이션은 사용자 경험을 해치고 인프라 비용을 증가시킵니다. 이 스킬은 프로파일링, 캐싱, 데이터베이스 튜닝, 프론트엔드 최적화, API 개선, 모니터링을 안내합니다.

팀은 모듈 폴더, 시작 파일, import 패턴을 손으로 다시 만드는 데 시간을 잃습니다. 이 skill은 일관된 DevPrep AI 모듈을 만들고 핵심 TypeScript 품질 규칙을 검사합니다.