개발자들은 종종 업계 표준 사례를 따르지 않고 인터페이스를 구축하여 접근성 문제와糟糕한 사용자 경험으로 이어집니다. 이 기술은 Vercel의 최신 웹 인터페이스 가이드라인을 가져오고 코드를 자동으로 검토하여 표준 file:line 형식으로 실행 가능한 피드백을 제공합니다.

Vue.js 기능을 처음부터 구축하면 복잡하고 유지 관리하기 어려운 코드가 됩니다. 이 기술은 요구사항을 VueUse 컴저블에 매핑하여 구현을 간결하고 성능이 좋으며 유지 관리하기 쉬운 패턴을 적용합니다.

Vue.js 개발자들은 비동기 컴포넌트, 상태 관리 및 E2E 설정에서 테스트에 어려움을 겪습니다. 이 스킬은 유지 관리 가능하고 신뢰할 수 있는 테스트를 작성하기 위해 Vitest, Vue Test Utils 및 Playwright의 실전 검증된 패턴을 제공합니다.

Vue Router 응용 프로그램은 종종 내비게이션 가드 함정, 라우트 생명주기 문제 및 컴포넌트 마운트 해제 문제로 고통받습니다. 이 기술은 일반적인 버그를 방지하고 강력한 라우팅 아키텍처를 구축하기 위해 Vue Router 4에 대한 큐레이션된 패턴과 솔루션을 제공합니다.

Vue 3 프로젝트는 종종 타입 검사 문제, 느린 저장 시간 및 구성 문제가 발생합니다. 이 스킬은 Vue 컴포넌트 타이핑, Volar 구성 및 일반적인 Vue 3 개발 문제에 대한 선별된 솔루션을 제공합니다.

Vue.js 애플리케이션을 구축하려면 반응형 상태 관리, 컴포지션, 현대적 JavaScript 패턴에 대한 이해가 필요합니다. 이 기술은 Vue Composition API, 컴포넌트 설계, 반응형 fundamentals에 대한 전문적인 지침을 제공합니다.

Claude, Codex, 및 Claude Code용 AI 스킬

UnoCSS is an instant atomic CSS engine that provides a flexible, extensible alternative to Tailwind CSS. This skill helps developers configure UnoCSS, write custom utility rules, and leverage presets like Wind, Icons, and Attributify.

모노레포에서 여러 패키지를 관리하면 빌드 속도가 느려지고 작업 오케스트레이션이 복잡해질 수 있습니다. Turborepo는 지능형 캐싱과 병렬 실행을 통해 빌드 속도를 향상시킵니다. 이 스킬은 작업 파이프라인 구성, 캐싱 전략, 환경 변수, 모노레포 모범 사례에 대한 전문가 지침을 제공합니다.

Claude, Codex 및 Claude Code용 AI 스킬

Node.js 종속성을 수동으로 관리하면 시간이 많이 소요되고 오류가 발생하기 쉽습니다. pnpm 스킬은 Claude에게 pnpm 명령어, 워크스페이스 구성, 카탈로그, 패치, 오버라이드, 그리고 monorepo 워크플로우에 대한 광범위한 지식을 제공합니다.

전체 스택 Vue 애플리케이션을 개발하려면 서버 사이드 렌더링, 파일 기반 라우팅, 그리고 Nuxt 모듈 생태계를 이해해야 합니다. 이 스킬은 Nitro 서버 엔진을 사용하여 프로덕션에 배포할 수 있는 완벽한 Nuxt 애플리케이션을 구축하는 것에 대한 포괄적인 문서를 제공합니다.

프로젝트에서 팀원들 간의 일관된 도구와 구성이 부족한 경우가 종종 있습니다. 이 스킬은 Anthony Fu의 의견이 담긴 모범 사례를 제공하며, TypeScript, ESLint, Vitest 및 CI/CD 구성을 포함하여 모든 웹 프로젝트에서 일관된 코드 품질과 개발자 경험을 보장합니다.

분기별 로드맵과 스프린트 용량 관리는 복잡하고 시간이 많이 소요됩니다. 이 스킬은 에픽을 마일스톤으로 분해하고, 업계 표준 모델을 사용하여 용량을 추정하며, 협업 계획 워크플로우를 생성하는 전문적인 가이드를 제공합니다.

수동으로 로드맵을 ClickUp과 동기화하는 것은 시간이 많이 들고 오류가 발생하기 쉽습니다. 이 스킬은 로컬 계획 파일과 ClickUp 태스크 간의 양방향 동기화에 ClickUp MCP를 사용하는 방법에 대한 전문적인 안내를 제공합니다.

Claude는 심층 분석이 필요한 매우 복잡한 문제에서 어려움을 겪을 수 있습니다. 이 스킬은 응답에서 어려움을 나타내는 신호를 모니터링하고 품질이 저하되기 전에 심층 사고 에이전트로의 사전 에스컬레이션을 권장합니다.

개발자들은 작업을 완료할 때 종종 지름길을 택합니다. 이 스킬은 경고 억제, 주석 처리된 테스트, 삭제된 단언문과 같은 무결성 위반이 있는 커밋을 차단하는 git pre-commit 훅을 제공합니다.

AI 어시스턴트는 학습 데이터가 오래되어 소프트웨어 버전, 릴리스 날짜 및 현재 상태에 대해 잘못된 답변을 자주 생성합니다. 이 스킬은 assertions.yaml과 WebSearch를 사용하여 추론 수준에서 검증을 강제하여 환각의 근본 원인을 방지합니다.

신호 기반 반응성, OnPush 변경 감지, 그리고 최적의 렌더링 성능을 위한 최신 v20 패턴을 활용한 고성능 Angular 컴포넌트를 생성합니다.

대규모 개발 플랜을 순차적으로 실행하는 것은 느립니다. 이 스킬은 서로 다른 작업에서 병렬로 작업하는 최대 12개의 동시 AI 서브에이전트를 오케스트레이션하여 조정성을 유지하면서 프로젝트 완료 시간을 크게 단축합니다.