텍스트 전용 채팅은 제품 워크플로를 제한합니다. 이 스킬은 Claude, Codex, Claude Code가 액션, 폼, 멘션, 백엔드 핸들러가 포함된 인터랙티브 위젯을 구축하도록 안내합니다.

프로덕션 채팅 인터페이스에는 취약한 글루 코드 없이 인증, 영속성, 스트리밍, 컨텍스트가 필요합니다. 이 스킬은 이러한 통합을 위한 실용적인 ChatKit, React, Next.js 패턴을 제공합니다.

위젯으로 ChatGPT Apps를 빌드하려면 정확한 MCP 메타데이터, UI 구조, Developer Mode 설정이 필요합니다. 이 스킬은 인터랙티브 OpenAI Apps SDK 프로젝트를 위한 템플릿, 패턴, 디버깅 단계를 제공합니다.

수동 브라우저 작업은 테스트, 리서치, 데이터 수집 속도를 늦춥니다. 이 스킬은 Claude, Codex, Claude Code에 제어된 탐색, 상호작용, 스크린샷, 추출을 위한 Playwright MCP 워크플로를 제공합니다.

팀은 기존 웹사이트를 프로젝트 디자인 토큰으로 변환할 때 빠른 시작점이 필요한 경우가 많습니다. 이 스킬은 Claude, Codex 또는 Claude Code가 추출, 검토, 스타터 토큰 생성을 진행하도록 안내합니다.

Catalyst-Relay 기여자는 단위, 호환성, 통합 테스트를 위한 명확한 경로가 필요합니다. 이 스킬은 문서화된 테스트 워크플로를 통해 Claude, Codex, Claude Code를 안내합니다.

라우트 파일, 검증, 핸들러, 문서가 서로 다른 패턴을 따를 때 엔드포인트 추가 작업은 일관성이 없어질 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 일관된 HTTP 엔드포인트 작업을 수행할 수 있도록 명확한 Catalyst-Relay 체크리스트를 제공합니다.

핵심 변경에는 일관된 파일, imports, returns, exports가 필요합니다. 이 스킬은 typed patterns와 checklists를 사용해 Catalyst-Relay 비즈니스 로직 추가를 안내합니다.

Obsidian에서의 작업은 AI 채팅에서 관리하기 어려울 수 있습니다. 이 스킬은 Claude, Codex, Claude Code에 TaskNotes 작업 관리를 위한 로컬 CLI를 제공합니다.

tRPC 라우터와 Zod 스키마를 직접 만들면 이름 불일치와 누락된 유효성 검사가 발생할 수 있습니다. 이 스킬은 일관된 TypeScript API 작업을 위한 집중적인 스캐폴딩, 예제, 검사를 제공합니다.

팀마다 서로 다른 형식을 사용하면 사내 업데이트의 명확성이 떨어지는 경우가 많습니다. 이 스킬은 간결하고 출처 기반의 회사 커뮤니케이션을 위한 구조화된 템플릿을 제공합니다.

팀은 종종 커버리지 격차, 불분명한 테스트 소유권, 약한 릴리스 게이트를 놓칩니다. 이 스킬은 신뢰할 수 있는 소프트웨어 테스트를 위한 구조화된 계획, 템플릿, 체크리스트를 제공합니다.

전문적인 Word 문서는 정밀한 편집, 댓글, 변경 내용 추적이 필요한 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 .docx 파일을 생성, 압축 해제, 편집, 검증, 재패키징하는 워크플로를 제공합니다.

실시간 기능은 스트리밍 프로토콜, 재연결, 백프레셔가 일관되지 않게 처리되어 실패하는 경우가 많습니다. 이 skill은 Claude, Codex, Claude Code에 SSE, WebSockets, ReadableStream, LLM 토큰 스트리밍을 위한 실용적인 패턴을 제공합니다.

팀은 대용량 레코드를 프롬프트로 보내지 않고도 반복 가능한 데이터 정리가 필요한 경우가 많습니다. 이 스킬은 필터링, 매핑, 정렬, 중복 제거, 집계를 위한 재사용 가능한 JavaScript 패턴을 제공합니다.

보안 리뷰에서는 일반적인 웹 위험과 일관성 없는 증거 수집이 자주 누락됩니다. 이 스킬은 Claude, Codex, Claude Code에 구조화된 OWASP 지침, 스캐너 워크플로, 리뷰 체크리스트를 제공합니다.

정적 시각 디자인은 제작 전에 명확한 아트 디렉션이 필요한 경우가 많습니다. 이 스킬은 시각적 철학을 만들고 이를 세련된 PNG 또는 PDF 캔버스 아트워크로 전환합니다.

React Server Components는 Next.js 애플리케이션에서 데이터, 렌더링, 상호작용이 어디에 속해야 하는지를 바꿉니다. 이 skill은 Claude, Codex, Claude Code에 App Router 아키텍처, Server Actions, 스트리밍, 마이그레이션 작업을 위한 실용적인 패턴을 제공합니다.

AI 코딩 세션에서는 Obsidian Bases 데이터를 살펴보기 어려울 수 있습니다. 이 skill은 Claude, Codex, Claude Code가 로컬 Bases RPC plugin을 쿼리하고 구조화된 노트 데이터를 요약하는 방법을 보여줍니다.

팀은 슬라이드, 문서, 생성된 시각 자료 전반에서 일관된 브랜드 스타일링이 필요한 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 Anthropic 스타일 아티팩트를 위한 명확한 색상, 타이포그래피, 계층 구조 규칙을 제공합니다.