개발 스킬

개발자 대상의 설득력 있는 기술 문서와 블로그 게시물을 작성합니다. 사용자가 블로그 게시물, 기술 문서 또는 장문의 기술 콘텐츠 작성을 요청할 때 이 스킬을 사용하세요. 또한 사용자가 '기술 주제에 대해 작성해 줘', '기사 초안 작성을 도와줘', '이것을 블로그 게시물로 바꿔 줘', '~에 대한 게시물을 작성해 줘', '~에 대해 출판하고 싶어'라고 말하거나 개발자 대상 글쓰기를 언급할 때도 활성화됩니다. 아이디어 구체화, 훅/제목 생성, 기사... 전체 과정을 다룹니다.

기능 구현이나 버그 수정 시, 구현 코드를 작성하기 전에 사용

ElevenLabs 음성 AI를 사용하여 텍스트를 음성으로 변환합니다. 텍스트에서 오디오를 생성하거나, 음성 해설을 만들거나, 음성 앱을 구축하거나, 70개 이상의 언어로 음성을 합성할 때 사용하세요.

거친 아이디어를 승인되고 결정이 완료된 계획으로 전환하며, 코딩 전에 검증된 구조를 갖춥니다. 사용자가 기능, 아키텍처 또는 가치 판단에 대해 出方案/给方案/深入分析/怎么设计/有没有必要/值不值得/plan this/how should I/should we keep this를 요청할 때 사용합니다. 버그 수정이나 작은 수정에는 사용하지 않습니다.

계획, 스펙 또는 PRD를 트레이서-불렛 수직 슬라이스를 사용하여 프로젝트 이슈 트래커에서 독립적으로 작업할 수 있는 이슈로 분할합니다. 사용자가 계획을 이슈로 변환하거나, 구현 티켓을 생성하거나, 작업을 이슈로 세분화하려는 경우 사용합니다.

현재 대화 컨텍스트를 PRD로 변환하여 프로젝트 이슈 트래커에 게시합니다. 사용자가 현재 컨텍스트에서 PRD를 생성하려 할 때 사용하세요.

현재 대화를 명세로 변환하여 프로젝트 이슈 트래커에 게시합니다. 인터뷰 없이, 지금까지 논의한 내용을 종합만 합니다.

계획, 명세서 또는 현재 대화를 일련의 트레이서-불릿 티켓으로 나누고, 각 티켓은 차단 에지를 선언하며 구성된 트래커에 게시됩니다. 에지는 로컬에서 티켓당 하나의 파일에 텍스트로 저장되거나 실제 트래커에서 기본 차단 링크로 저장됩니다.

트라이지 역할에 의해 구동되는 상태 머신을 통해 이슈를 분류합니다. 사용자가 이슈를 생성하거나, 이슈를 분류하고, 들어오는 버그나 기능 요청을 검토하고, AFK 에이전트를 위해 이슈를 준비하거나, 이슈 워크플로를 관리하려는 경우 사용합니다.

프로젝트에 Cloudflare Turnstile을 종단간 설정합니다 — 코드베이스를 스캔하고, Cloudflare API를 통해 위젯을 생성하며, 관리형 siteverify Worker를 배포하고, 프론트엔드 스니펫을 작성하며, 검증하고 스킬을 유지합니다. 사용자가 Turnstile 추가, CAPTCHA 설정, 봇으로부터 폼 보호, 또는 Turnstile 통합 수정을 요청할 때 로드하세요. developers.cloudflare.com/turnstile/spin을 미러링합니다.

TypeScript의 고급 타입 시스템을 마스터하세요. 제네릭, 조건부 타입, 매핑된 타입, 템플릿 리터럴, 유틸리티 타입을 포함하여 타입 안전한 애플리케이션을 구축할 수 있습니다. 복잡한 타입 로직을 구현하거나, 재사용 가능한 타입 유틸리티를 만들거나, TypeScript 프로젝트에서 컴파일 타임 타입 안전성을 보장할 때 사용하세요.

Use when the user needs to create, extract, flatten, list, test, install, script, or troubleshoot `tzst` CLI workflows for `.tzst` or `.tar.zst` archives, including compression levels, streaming mode, extraction filters, conflict resolution, JSON output, or standalone binary setup, even if they describe the archive task without naming `tzst`.

현재 대화에서 DDD 스타일의 보편 언어 용어집을 추출하고, 모호성을 표시하며 표준 용어를 제안합니다. UBIQUITOUS_LANGUAGE.md에 저장합니다. 사용자가 도메인 용어를 정의하거나, 용어집을 구축하거나, 용어를 정립하거나, 보편 언어를 만들거나, "도메인 모델" 또는 "DDD"를 언급할 때 사용하세요.

shadcn/ui 컴포넌트(Radix UI + Tailwind 기반), Tailwind CSS 유틸리티 우선 스타일링, 캔버스 기반 시각 디자인을 활용하여 아름답고 접근성 높은 사용자 인터페이스를 만듭니다. 사용자 인터페이스 구축, 디자인 시스템 구현, 반응형 레이아웃 생성, 접근성 높은 컴포넌트(대화상자, 드롭다운, 폼, 테이블) 추가, 테마 및 색상 사용자 정의, 다크 모드 구현, 시각 디자인 및 포스터 생성, 애플리케이션 전반에 일관된 스타일링 패턴을 수립할 때 사용하세요.

웹 및 모바일을 위한 UI/UX 디자인 인텔리전스. 50개 이상의 스타일, 161개의 컬러 팔레트, 57개의 폰트 페어링, 161개의 제품 유형, 99개의 UX 가이드라인, 10개 스택(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS)에 걸친 25개의 차트 유형을 포함합니다. 작업: UI/UX 코드 계획, 구축, 생성, 디자인, 구현, 검토, 수정, 개선, 최적화, 향상, 리팩터링 및 확인. 프로젝트: 웹사이트, 랜딩 페이지, 대시보드, 관리자 패널, 이커머스, SaaS, 포트폴리오, 블로그 등.

이 저장소에서 SKILL.md 파일을 생성, 편집 또는 개선하여 스킬을 만들거나 업데이트합니다. 새 스킬을 작성하거나 기존 스킬의 구조, 프론트매터 또는 지침을 수정할 때 사용하세요.

에이전트 스킬을 발견하고 호출합니다. 세션을 시작할 때나 현재 작업에 적용되는 스킬을 찾아야 할 때 사용하세요. 이는 다른 모든 스킬이 어떻게 발견되고 호출되는지를 관리하는 메타 스킬입니다.

현재 작업 공간과 분리된 상태로 기능 작업을 시작하거나 구현 계획을 실행하기 전에 사용합니다. 네이티브 도구나 git worktree 대체 방식을 통해 격리된 작업 공간을 보장합니다.

대화를 시작할 때 사용 - 스킬을 찾고 사용하는 방법을 설정하며, 명확한 질문을 포함한 모든 응답 전에 스킬 도구 호출이 필요합니다.

브랜치나 풀 리퀘스트 구현이 도입된 제품, 기술, 보안 및 관련 사양과 일치하는지 검증합니다. 사양 기반 변경 사항을 검토하거나 완료할 때, 그리고 체크인된 사양과 구현 간의 불일치를 해결할 때 사용합니다.

Vercel에 배포된 프로젝트(특히 Next.js, SvelteKit, Nuxt 및 제한된 Astro 앱)의 비용 및 성능 최적화에 사용합니다. 먼저 Vercel 메트릭, 사용량, 프로젝트 구성 및 코드 스캔 결과를 수집하고, 메트릭 기반 후보만 조사합니다. 검증된 파일과 버전 인식 Vercel/프레임워크 문서를 기반으로 순위가 매겨진 권장 사항을 생성합니다. Vercel 청구액 감소, 느리거나 비용이 많이 드는 경로, 캐싱 기회, 함수 호출, 빌드 시간, 빠른 데이터 전송, 코어...

작업 완료, 수정 완료, 또는 통과를 주장하기 전, 커밋이나 PR을 생성하기 전에 사용 - 성공을 주장하기 전에 검증 명령을 실행하고 출력을 확인해야 함; 주장보다 항상 증거가 우선

Vite 기반의 Jest 호환 API를 갖춘 빠른 단위 테스트 프레임워크입니다. 테스트 작성, 모킹, 커버리지 설정, 테스트 필터링 및 픽스처 작업 시 사용하세요.

방대한 작업 덩어리(단일 에이전트 세션이 처리할 수 있는 양보다 큰)를 이슈 트래커의 공유 조사 티켓 맵으로 계획하고, 목적지로 가는 길이 명확해질 때까지 하나씩 해결하세요.

UI 코드를 검토하여 웹 인터페이스 가이드라인을 준수하는지 확인합니다. "내 UI 검토", "접근성 확인", "디자인 감사", "UX 검토", "내 사이트가 모범 사례에 부합하는지 확인" 요청 시 사용하세요.

성능, 접근성, SEO 및 모범 사례를 포괄하는 종합적인 웹 품질 감사입니다. "내 사이트 감사", "웹 품질 검토", "라이트하우스 감사 실행", "페이지 품질 확인", "내 웹사이트 최적화" 요청 시 사용하세요.

Playwright를 사용하여 로컬 웹 애플리케이션과 상호작용하고 테스트하기 위한 툴킷입니다. 프론트엔드 기능 확인, UI 동작 디버깅, 브라우저 스크린샷 캡처, 브라우저 로그 보기를 지원합니다. 라이선스: LICENSE.txt에 전체 약관이 명시되어 있습니다.

대화형 bash 마법사를 생성하여 사람이 수동 절차(서드파티 설정, 일회성 마이그레이션, A→B 상태 전환)를 단계별로 진행할 수 있도록 안내하며, URL을 열고, 값을 캡처하고, 각 단계를 확인한 후 .env 파일과 GitHub Actions 시크릿을 작성합니다.

Warp의 주요 사용자 대상 기능에 대한 PRODUCT.md 사양을 작성합니다. 세부 동작과 검증에 중점을 둡니다. 사용자가 제품 사양, 원하는 동작 문서, PRD를 요청하거나, 구현 전 기능 동작을 정의하려 할 때, 또는 기능이 충분히 중요하거나 동작이 모호하여 문서화된 사양이 구현이나 검토에 도움이 될 때 사용하세요.

중요한 Warp 기능에 대한 TECH.md 스펙을 작성합니다. 현재 코드베이스와 구현 제약 조건을 조사한 후 진행합니다. 사용자가 제품 스펙과 연계된 기술 스펙, 구현 계획 또는 아키텍처 문서를 요청할 때 사용하세요.