많은 AI 생성 인터페이스는 일반적이고 창의적인 개성이 부족합니다. 이 스킬은 Claude Code가 뛰어난 미적 품질, 독특한 시각적 정체성, 그리고 일반적인 AI 패턴을 피하는 사려 깊은 디자인 결정을 갖춘 프로덕션급 웹 인터페이스를 만들도록 안내합니다.

Claude Code용 커스텀 스킬을 생성하려면 적절한 파일 구조와 프론트매터 형식을 이해해야 합니다. 이 스킬은 스킬 구조, 트리거 조건 및 플러그인 스킬 개발 모범 사례에 대한 문서를 포함한 완전한 참조 템플릿을 제공합니다.

재무 모델링은 복잡한 계산과 시나리오 테스트를 필요로 합니다. 이 스킬은 정확한 투자 의사결정을 위해 DCF 평가, 민감도 분석 및 몬테카를로 시뮬레이션을 자동화합니다.

Cookbook 노트북에는 사용자가 효과적으로 학습할 수 있도록 일관된 품질 기준이 필요합니다. 이 스킬은 노트북 품질, 서사 흐름, 코드 품질, 기술적 정확성을 검토하기 위한 자동화된 검증 점검과 포괄적인 루브릭을 제공합니다.

Claude Code에서 재사용 가능한 슬래시 명령어를 만듭니다. 명령어 구조, YAML 프론트매터 옵션, 동적 인수, 파일 참조, bash 실행을 학습하여 일반적인 워크플로우를 자동화합니다.

문서 전반에 걸쳐 일관된 브랜드 아이덴티티를 유지하는 것은 시간이 많이 걸리고 오류가 발생하기 쉽습니다. 이 스킬은 색상 팔레트, 타이포그래피, 서식 규칙 및 검증 도구를 포함한 기업 브랜드 표준에 즉시 액세스할 수 있도록 하여 모든 문서가 전문적인 브랜드 가이드라인을 충족하도록 보장합니다.

이 스킬은 대차대조표, 손익계산서 및 현금흐름 데이터에서 주요 재무비율을 계산합니다. 업계 벤치마크와 실행 가능한 권장사항과 함께 투자 분석을 제공합니다.

Claude, Codex, 그리고 Claude Code를 위한 AI 스킬

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

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

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

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

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

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

Claude, Codex, 및 Claude Code용 AI 스킬

테스트 작성 및 유지 관리는 시간이 많이 소요됩니다. Vitest는 Vite 기반의 초고속 테스트 프레임워크로 Jest 호환 API를 제공하여 개발자가 네이티브 ESM, TypeScript, JSX 지원을 기본적으로 활용하여 단위 테스트를 작성할 수 있습니다.

팀은 Vite 구성과 빌드 워크플로에 대한 정확한 가이드가 필요합니다. 이 스킬은 공식 패턴과 예시를 요약하여 에이전트가 올바른 설정과 명령을 제안할 수 있도록 지원합니다.

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는 지능형 캐싱과 병렬 실행을 통해 빌드 속도를 향상시킵니다. 이 스킬은 작업 파이프라인 구성, 캐싱 전략, 환경 변수, 모노레포 모범 사례에 대한 전문가 지침을 제공합니다.

TypeScript 라이브러리를 빌드하려면 복잡한 번들러 설정이 필요합니다. 이 스킬은 Rolldown 기반의 빠르기 강한 번들러 tsdown의 포괄적인 문서를 제공하며, 구성, 플러그인, 그리고 tsup에서의 마이그레이션을 다룹니다.