react-doctor
기능을 완료하거나 버그를 수정할 때, React 코드를 커밋하기 전, 또는 사용자가 `/doctor`를 입력하여 React 진단 정보를 스캔, 분류 또는 정리해 달라고 요청할 때 사용합니다. 린트, 접근성, 번들 크기, 아키텍처를 다룹니다. 회귀 테스트와 표준 플레이북을 가져오는 완전한 로컬 분류 워크플로가 포함되어 있습니다.
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
기능을 완료하거나 버그를 수정할 때, React 코드를 커밋하기 전, 또는 사용자가 `/doctor`를 입력하여 React 진단 정보를 스캔, 분류 또는 정리해 달라고 요청할 때 사용합니다. 린트, 접근성, 번들 크기, 아키텍처를 다룹니다. 회귀 테스트와 표준 플레이북을 가져오는 완전한 로컬 분류 워크플로가 포함되어 있습니다.
Record a video of an iOS simulator or Android emulator/device screen using argent MCP tools. Use when the user asks to record the screen, capture a video of a flow, interaction, or animation, produce a screen recording, or document app behavior as a video clip.
Google Stitch용 시맨틱 디자인 시스템 기술. 엄격한 타이포그래피, 정밀하게 조율된 색상, 비대칭 레이아웃, 지속적인 미세 모션, 하드웨어 가속 성능을 통해 평범함을 배제한 최상의 UI 표준을 적용하는, 에이전트 친화적인 DESIGN.md 파일을 생성합니다.
Mediabunny 라이브러리를 이용한 멀티미디어 처리
오케스트레이터 에이전트와 워커 하위 에이전트 군을 활용하여 중대형 기능에 대한 자율적이고 사양 중심의 개발 “사가”를 실행합니다. 사용자가 /saga를 호출하거나, 사람의 개입을 최소화하여 상당한 규모의 기능을 엔드투엔드로 자율적으로 구축하기를 요청하거나, 병렬화된 구현 전에 완벽한 검증 기준을 갖춘 마일스톤 및 작업으로 세분화된 포괄적인 사양을 원하거나, 오케스트레이터가 자체 컨텍스트 윈도우를 유지하면서 구현을 워커 에이전트에 위임하기를 원할 때 이 스킬을 사용하십시오. "사가 실행", "이 기능을 자율적으로 구현", "사양을 작성한 후 서브에이전트로 구축", "이 대규모 기능을 종단 간으로 오케스트레이션", 또는 "워커로 구축하고 각 단계를 검증"과 같은 문구가 발화되면 트리거됩니다. 또한 사가 디렉터리(예: ~/.sagas)에서 기존 사가를 계속 진행하거나, 재개하거나, 선택해 달라는 요청을 받았을 때도 이 기능을 사용하십시오.
JWT, OAuth2, 세션 관리, RBAC 등 인증 및 권한 부여 패턴을 숙지하여 안전하고 확장 가능한 접근 제어 시스템을 구축하세요. 인증 시스템 구현, API 보안 강화 또는 보안 문제 디버깅 시 활용하세요.
ai-elements 컴포넌트(대화, 메시지, 도구 표시창, 프롬프트 입력 등)를 사용하여 AI 채팅 인터페이스를 구축하세요. 사용자가 챗봇, AI 어시스턴트 UI 또는 AI 기반 채팅 인터페이스를 구축하고자 할 때 활용하세요.
>- 관련 작업을 지원합니다.
에이전트가 opencli를 통해 실제 Chrome 창을 제어해야 할 때 사용합니다. 페이지 검사, 양식 작성, 로그인 절차 진행, 또는 필요에 따라 데이터 추출 등을 수행할 수 있습니다. 이 문서는 선택자 우선(selector-first) 대상 계약, 복합 양식 필드, stale-ref 처리, 네트워크 캡처, 그리고 CLI가 반환하는 에이전트 네이티브 엔벨로프를 다룹니다. 어댑터 작성용이 아닙니다. 어댑터 작성에 대해서는 opencli-adapter-author를 참조하십시오.
gh-stack을 사용하여 중첩된 PR을 관리하고, 여러 부분으로 구성된 작업을 검토 가능한 브랜치로 분할합니다. 스택 생성, 조회, 편집, 푸시, 제출, 동기화, 리베이스, 병합 또는 체크아웃 시; 검토를 위해 작업을 분할하거나 분리하라는 요청을 받았을 때; 사용자가 스택, 브랜치 레이어, 종속 PR 또는 gh-stack을 언급할 때; 또는 스택이 체크아웃되었을 때 사용합니다.
Angular CLI를 사용하여 새로운 Angular 앱을 생성합니다. 이 스킬은 사용자가 새로운 Angular 애플리케이션을 생성하고자 할 때마다 활용해야 하며, 최신 Angular 애플리케이션을 효과적으로 구축하는 방법에 대한 중요한 지침을 담고 있습니다.
‘Cache Components / PPR’ 아래에서 에이전틱 루프를 설정하여, 초기 로드(하드 네비게이션) 및 클라이언트 측 네비게이션(소프트 네비게이션) 시 Next.js 경로의 즉각적인 네비게이션을 구현합니다. 목표를 실패하는 @next/playwright instant() e2e 테스트로 정의하고, 검증된 경로를 하나씩 처리하여 테스트가 통과되도록 만드세요. 배포된 테스트는 이후 회귀 현상을 방지해 줍니다. 경로의 탐색을 즉시 처리해야 할 때(정적 셸이 즉시 커밋됨), 정적 셸이 사전 렌더링/제공/사전 가져오기되지 않은 경로를 수정하거나, 경로의 정적 셸을 확장하거나 첫 페인트 속도를 개선하거나, 어떤 Suspense 경계가 경로를 정적 셸에서 제외시키는지 진단하거나, 특정 경로에 대한 instant() e2e 가드 테스트를 작성할 때 사용합니다. cacheComponents가 포함된 Next.js 16.3 이상이 필요하며, 버전이 더 낮은 경우 업그레이드를 안내합니다.
Firestore 보안 규칙의 안전성을 평가하는 기능입니다. Firestore 보안 규칙이 업데이트될 때 이 기능을 사용하여 생성된 규칙이 매우 안전하고 견고한지 확인하십시오.
SQL 쿼리 최적화, 인덱싱 전략, EXPLAIN 분석을 숙달하여 데이터베이스 성능을 획기적으로 향상시키고 느린 쿼리를 제거하세요. 느린 쿼리 디버깅, 데이터베이스 스키마 설계 또는 애플리케이션 성능 최적화 시 활용하세요.
Vega 가상 기기에서 Apple 플랫폼 앱(iOS, tvOS, macOS), Android 기기 및 Amazon Vega OS TV 앱을 자동화합니다. 앱 탐색, 지원되는 경우 스냅샷/스크린샷 촬영, TV 리모컨 조작, 탭, 입력, 스크롤, UI 정보 추출, 증거 수집 또는 에이전트-기기 CLI 명령어 계획 수립 시 사용합니다.
통합된 Pilio 개발자 API를 통해 Pilio GPT Image 2로 이미지를 생성하거나 편집할 수 있습니다. 사용자가 텍스트를 기반으로 한 이미지 생성, 프롬프트 기반 이미지 편집, 스타일 변경, 제품 사진 변환 또는 하나 이상의 로컬 참조 이미지를 활용한 합성 기능을 원할 때 이 기능을 사용하십시오.
Use this skill when a human needs to review a Deepline Play result and hand feedback, labels, or approval back to the agent for revision, evaluation, comparison, or bounded iteration. Triggers on “put this run in a Sheet,” “review these results,” “read my feedback,” “make this a standing rule,” “never regress on this case,” “compare these runs,” “keep improving,” or “add the revised run to the same spreadsheet.” Skip ordinary Play authoring or execution with no human review loop, generic spreadsheet work, and one-off CSV export.
Vite/CRA용 @clerk/react를 활용한 React SPA 인증 패턴 - ClerkProvider
@nuxt/ui v4로 UI를 구축하세요 — Tailwind CSS 테마가 적용된 125개 이상의 접근성 지원 Vue 컴포넌트를 제공합니다. 인터페이스를 제작하거나, 브랜드에 맞춰 테마를 커스터마이징하거나, 양식을 구축하거나, 대시보드, 문서 사이트, 채팅 인터페이스와 같은 레이아웃을 구성할 때 활용하세요.
`package:test`를 사용하여 함수, 메서드 및 클래스에 대한 단위 테스트를 작성하고 정리하십시오. 새로운 로직을 구현하거나 버그를 수정할 때 이를 활용하여 코드가 올바르게 유지되고 회귀 오류가 발생하지 않도록 하십시오.