개발 스킬

프레임워크(OSS). 아름답고 네이티브 느낌의 Expo 화면을 구축합니다. Apple HIG 스타일링, 시맨틱 색상, 네이티브 컨트롤, SF Symbols, 미디어, 애니메이션, 시각 효과, 그라디언트, 저장소 및 반응형 레이아웃을 다룹니다. 라우팅 및 탐색에는 expo-router 스킬을 사용하세요.

프레임워크(오픈소스). Expo Router를 위한 내비게이션 및 라우팅. 파일 기반 라우트, 그룹 및 동적 라우트, 폴더 구성, 미리보기 및 컨텍스트 메뉴가 있는 Link, 네이티브 Stack, 페이지 제목, 모달 및 폼 시트, NativeTabs, 헤더 및 툴바, 헤더 검색 바를 다룹니다.

프레임워크(오픈소스). @expo/ui 패키지로 네이티브 UI를 구축합니다: iOS에서는 실제 SwiftUI, Android에서는 Jetpack Compose를 React에서 렌더링하여 Expo 또는 React Native 앱에서 사용합니다. @expo/ui에서 가져온 범용 크로스 플랫폼 컴포넌트(Host, Column, Row, Button, Text, List 등), 인기 있는 React Native 커뮤니티 라이브러리(BottomSheet, DateTimePicker, Slider, Menu 등)의 드롭인 대체재, 그리고 플랫폼별 SwiftUI(@expo/ui/swift-ui, iOS 전용) 및 Jetpack Compose를 포함합니다...

프레임워크(OSS). Expo SDK 버전 업그레이드 및 의존성 문제 해결을 위한 가이드라인

역할 기반 접근 제어를 갖춘 인증 시스템. 개인 데이터나 접근이 제한된 데이터를 관리하는 모든 앱에 필수입니다.

백엔드 연결 구성, 스토리지 클라이언트 및 React 앱 진입점을 제공하는 핵심 인프라.

Admin-only paginated viewer for stable canister state. Use whenever the user asks for a viewer, dashboard, debug panel, or admin browse over backend data — users, items, orders, logs, or any stable Map/Set/Array/VarArray/List/Stack/Queue. Pre-installed in every Caffeine app via the `caffeineai-data-viewer` mops package; this skill explains what it does and how to keep using it correctly.

백엔드 캐니스터(프론트엔드가 아님)에 의해 수행되는 HTTP 아웃콜.

일반 파일/객체 저장소로, 이미지, 비디오, 파일, 문서 및 기타 대량 데이터에 사용됩니다. 이미지 갤러리, 비디오 갤러리 및 기타 파일 또는 객체 관리에 완벽하게 적합합니다. IC 한도를 초과하는 대용량 파일을 지원하며, 브라우저 캐시된 HTTP URL 접근이 가능합니다.

MANDATORY recipe for every Caffeine build that calls OpenAI (ChatGPT, GPT-4o, an LLM, a chatbot, embeddings). The ONLY supported path is the `openai-client` mops package with a canister-side API-key bearer. Hand-rolling `ic.http_request` to `api.openai.com/v1/...` is a FORBIDDEN anti-pattern — it leaks the bearer across replicated outcalls (security + 13× billing impact), bypasses the typed request/response bindings, and forces hand-rolled JSON on a language with poor JSON support. Load this...

Make a canister's data queryable by the Caffeine Data Intelligence agent. Use whenever an app stores structured data (Maps/Lists/arrays of records) that should be answerable in natural language — "top customers", "revenue by region", "active projects". Adds a discoverable `schema()` and a JSON `execute()` query endpoint via the `caffeineai-oql` mops package's `Expose` mixin.

MANDATORY recipe for every Caffeine build that posts to X (Twitter). The ONLY supported path is the `x-client` mops package with OAuth 2.0 PKCE. Hand-rolling `ic.http_request` or `icBooking.http_request` calls to `api.x.com/2/tweets`, `api.x.com/2/oauth2/token`, or any other X endpoint is a FORBIDDEN anti-pattern — it bypasses bearer auth, replication-cost safeguards, and `x-client`'s null-field handling. Load this skill whenever the user, spec, or any prior task mentions tweeting,...

Quick reference for the Caffeine Data Intelligence agent to query an OQL-exposing canister (schema() + execute()) through the `icp` CLI against the project's `backend` canister: read the schema, form JSON queries (filter / order / paginate / aggregate / dotted-path edges), and parse the Candid result rows.

Create FastAPI routers with CRUD operations, authentication dependencies, and proper response models. Use when building REST API endpoints, creating new routes, implementing CRUD operations, or adding authenticated endpoints in FastAPI applications.

Fastify Node.js 백엔드 서버 및 REST API를 TypeScript 또는 JavaScript로 개발하는 방법을 안내합니다. Fastify 애플리케이션을 구축, 구성 또는 디버깅할 때 사용하세요. 여기에는 라우트 정의, 플러그인 구현, JSON Schema 검증 설정, 오류 처리, 성능 최적화, 인증 관리, CORS 및 보안 헤더 구성, 데이터베이스 통합, WebSocket 작업, 프로덕션 배포가 포함됩니다. Fastify의 전체 요청 수명 주기(훅,...)를 다룹니다.

공식 Feature-Sliced Design (FSD) v2.1 스킬로, 프론트엔드 프로젝트에 방법론을 적용할 때 사용합니다. FSD 레이어로 프로젝트 구조를 구성하고, 코드가 속할 위치를 결정하며, 정적 자산(이미지, 아이콘, 폰트, PDF)을 배치하고, 밀접하게 관련된 슬라이스를 그룹화하며, 공개 API와 가져오기 경계를 정의하고, 교차 가져오기를 해결하거나 @x 패턴을 평가하며, 엔티티를 생성하거나 제거할지 결정하고, 엔티티 레이어가 필요한지 평가하며, 결정...

Claude Code가 ffuf를 사용하여 지능형 웹 퍼징 작업을 수행할 수 있게 하여, 숨겨진 디렉토리, 파일, 서브도메인 및 API 엔드포인트를 더 쉽게 발견할 수 있도록 합니다.

코드베이스나 UI에서 애니메이션이 있어야 하지만 없는 곳을 검색하고, 있으면 안 되는 모든 것은 거부합니다. 읽기 전용이며, 정확한 값으로 모션을 제안할 뿐 구현하지는 않습니다. 사용자가 "여기서 무엇을 애니메이션할 수 있을까?"라고 묻거나 "이것을 더 생동감 있게 만들고 싶다"고 할 때 사용하세요. 기존 애니메이션 수정은 improve-animations 또는 review-animations를 대신 사용하세요.

여러 주요 레지스트리(skills.sh, clawhub.ai, GitHub)를 한 번에 검색하여 에이전트 스킬을 발견, 검증, 설치합니다. 각 보드를 고유 지표(설치 수/별점)로 표시하고, 보드별 상위 항목을 제시하며, 상위 후보의 실제 SKILL.md를 보안 스캔하여 위험 패턴을 탐지하고, 이미 설치된 항목을 표시합니다. 사용자가 "X를 어떻게 하죠", "X를 위한 스킬 찾아줘", "X를 하는 스킬 있나요", "X를 위해 어떤 스킬을 설치해야 하나요"라고 묻거나 에이전트를 확장하려 할 때 사용합니다.

구현이 완료되고 모든 테스트가 통과했을 때, 작업을 통합할 방법을 결정해야 하는 경우 사용 - 병합, PR, 정리 중 구조화된 옵션을 제시하여 개발 작업 완료를 안내합니다.

Firebase Remote Config에 대한 포괄적인 가이드로, 템플릿 관리 및 SDK 사용법을 포함합니다. 사용자가 Remote Config 설정, 기능 플래그 관리, 또는 앱 동작을 동적으로 업데이트하는 데 도움이 필요할 때 이 스킬을 사용하세요.

warp Rust 코드베이스의 컴파일 오류, 린팅 문제, 테스트 실패를 수정합니다. presubmit 검사, WASM 관련 오류, 특정 테스트 실행을 포함합니다. 사용자가 빌드 오류, clippy 또는 fmt 실패, 테스트 실패를 겪거나 PR 전에 presubmit을 실행하거나 해석해야 할 때 사용하세요.

사용자가 마케팅 목적(리드 생성, SEO 가치, 브랜드 인지도)을 위한 무료 도구를 계획, 평가 또는 구축하려 할 때. 또한 사용자가 "엔지니어링을 마케팅으로 활용", "무료 도구", "마케팅 도구", "계산기", "생성기", "인터랙티브 도구", "리드 생성 도구", "리드 확보용 도구 구축", "무료 리소스", "ROI 계산기", "평가 도구", "감사 도구", "무료 도구를 만들어야 할까", "리드 생성을 위한 도구"를 언급할 때도 사용합니다. 누군가 유용한 무언가를 구축하려 할 때마다 사용하며...

독창적이고 프로덕션 수준의 프론트엔드 인터페이스를 생성하여 일반적인 AI 미학을 피합니다.

독특하고 비범한 UI 및 디자인 애플리케이션을 전략 우선 방식으로 잘 제작합니다. 프로젝트(랜딩 페이지, SaaS 앱, 대시보드, 이커머스, 프레젠테이션, 문서, 포트폴리오 등)와 그 포지셔닝 및 개성을 파악하고, 브랜드 형용사에 집중하며, 이를 타이포그래피 및 색상 시스템으로 변환한 후, 제작 레이어(레이아웃, 컴포넌트 및 상태, 모션, 아이콘그래피, 이미지, 다크 모드 및 테마, 접근성)를 적용하여 AI 슬롭/클로드 스타일의 기본값을 피합니다. 이는 동시에...

독창적이고 프로덕션 수준의 프론트엔드 인터페이스를 검토하고 제작하며, 높은 디자인 품질과 디자인 시스템 준수를 보장합니다. 세 가지 기준으로 평가합니다: 인사이트에서 행동까지의 매끄러운 흐름, 정교한 장인 정신, 신뢰할 수 있는 구축. 사용 용도: PR 리뷰, 디자인 리뷰, 접근성 감사, 디자인 시스템 준수 확인, 창의적인 프론트엔드 디자인, UI 코드 리뷰, 컴포넌트 리뷰, 반응형 디자인 점검, 테마 테스트, 기억에 남는 UI 제작. 사용 금지: 백엔드 API 리뷰, 데이터베이스 스키마 리뷰, 인프라 또는 DevOps 작업, UI가 없는 순수 비즈니스 로직, 비프론트엔드 코드.

Tailwind CSS와 커스텀 테마, 글래스모피즘 효과, Framer Motion 애니메이션을 사용하여 다크 테마의 React 애플리케이션을 구축합니다. 세련된 다크 미학을 갖춘 대시보드, 관리자 패널, 또는 데이터 중심 인터페이스를 만들 때 사용하세요.

프로덕션 품질의 접근 가능하고 반응형 사용자 인터페이스를 구축합니다. 인터페이스나 페이지를 만들거나 수정할 때, 컴포넌트를 생성할 때, 레이아웃을 구현할 때, WCAG 접근성 요구사항을 충족할 때, 상태를 관리할 때, 또는 결과물이 AI 생성물처럼 보이지 않고 프로덕션 품질처럼 보여야 할 때 사용하세요.

기본 LLM 잘림 동작을 재정의합니다. 완전한 코드 생성을 강제하고, 플레이스홀더 패턴을 금지하며, 토큰 제한 분할을 깔끔하게 처리합니다. 철저하고 축약되지 않은 출력이 필요한 모든 작업에 적용하십시오.

Claude Code 훅을 설정하여 위험한 git 명령어(push, reset --hard, clean, branch -D 등)가 실행되기 전에 차단합니다. 사용자가 파괴적인 git 작업을 방지하거나, git 안전 훅을 추가하거나, Claude Code에서 git push/reset을 차단하려는 경우 사용합니다.