المهارات المنشورة 13
trpc-scaffolder
타입 안전한 tRPC 엔드포인트 생성
tRPC 라우터와 Zod 스키마를 수동으로 구축하면 엔드포인트당 20-30분이 걸리고 타입 오류 및 누락된 export 위험이 있습니다. 이 스킬은 검증 스키마, 예시 패턴, 자동 등록 검사까지 포함한 완전한 타입 안전 엔드포인트를 스캐폴딩합니다.
quality-reviewer
코드 품질 자동 검토
수동 코드 리뷰는 시간이 오래 걸리고 문제를 놓칠 수 있습니다. 이 스킬은 파일 크기, 복잡도, 네이밍, 임포트, 아키텍처, ESLint, TypeScript 준수 여부를 DevPrep AI 표준에 따라 7가지 자동 검사를 실행합니다.
quality-gates
작업 복잡도 평가 및 품질 게이트 적용
AI 에이전트는 종종 불명확한 요구사항이나 지나치게 복잡한 작업을 진행하여 노력을 낭비하고 최적이지 않은 솔루션으로 이어집니다. 이 스킬은 체계적인 복잡도 점수, 게이트 유효성 검사 체크리스트, 충분한 맥락 없이 진행하는 것을 방지하는 에스컬레이션 워크플로를 제공합니다.
prototype-to-production
프로토타입을 프로덕션 컴포넌트로 변환
디자인 프로토타입을 프로덕션 코드로 변환하는 것은 시간이 많이 들고 오류가 발생하기 쉽습니다. 이 스킬은 프로토타입을 분석하고, 디자인 토큰을 추출하며, 기존 프로젝트 규칙과 일치하는 타입 안전 React 컴포넌트를 생성하는 체계적인 워크플로우를 제공합니다.
performance-optimization
스택 전반에 걸친 애플리케이션 성능 최적화
느린 애플리케이션은 사용자를 좌절하게 만들고 비즈니스 지표에 악영향을 줍니다. 이 스킬은 병목 지점을 진단하고, 캐싱 전략을 구현하며, 프론트엔드, 백엔드, 데이터베이스 계층에서 최적의 성능을 달성하기 위한 입증된 패턴과 템플릿을 제공합니다.
observability-monitoring
프로덕션 모니터링 및 관찰성 추가
애플리케이션에 프로덕션 이슈에 대한 가시성이 부족합니다. 이 스킬은 구조화된 로깅, 메트릭 수집, 분산 추적 및 알림을 위한 템플릿을 제공하여 스택 전반에 걸친 완전한 관찰성을 달성합니다.
module-scaffolder
표준화된 구조로 기능 모듈 생성
기능 모듈을 수동으로 생성하려면 복잡한 아키텍처 패턴과 명명 규칙을 따라야 합니다. 이 스킬은 적절한 TypeScript 인터페이스, 배럴exports, 검증을 통한 품질 표준을 적용하여 모듈 생성을 자동화합니다.
evidence-verification
완료 전 증거로 작업 검증
AI 에이전트는 종종 증거 없이 작업이 완료되었다고 주장합니다. 이 스킬은 모든 주장이 테스트 결과, 빌드 상태, 커버리지 메트릭과 같은 실행 가능한 증거로 뒷받침되도록 보장합니다. 작업을 완료로 표시하기 전에 검증 가능한 증거를 요구함으로써 환각을 방지하고 프로덕션 품질을 보장합니다.
devops-deployment
CI/CD 파이프라인 및 IaC 템플릿을 활용한 애플리케이션 배포
배포 인프라를 처음부터 구축하는 것은 복잡하고 오류가 발생하기 쉬운 작업입니다. 이 스킬은 Docker, Kubernetes, Terraform, GitHub Actions 워크플로우를 위한 프로덕션 준비 완료 템플릿을 제공하며, 사용자 환경에 맞게 커스터마이즈할 수 있습니다.
design-to-production
HTML 프로토타입을 프로덕션 React 컴포넌트로 변환
디자인 프로토타입을 수동으로 React 컴포넌트로 변환하는 것은 시간이 많이 들고 오류가 발생하기 쉽습니다. 이 스킬은 HTML 분석부터 컴포넌트 스캐폴딩, 품질 검증까지 전체 워크플로우를 자동화하여 구현 시간을 70% 단축하면서 일관된 코드 표준을 적용합니다.
brainstorming
구조화된 브레인스토밍을 통해 아이디어를 설계로 발전시키기
아이디어는 종종 모호하고 불완전하게 시작됩니다. 이 스킬은 요구사항을 명확히 하고, 대안을 탐색하며, 코드를 작성하기 전에 설계를 점진적으로 검증하는 3단계 프로세스를 안내합니다. 무엇이든 만들거나 개발할 때, 구현 계획을 작성하기 전에 이 스킬을 사용하세요.
ascii-visualizer
아키텍처를 위한 ASCII 시각화 생성
복잡한 시스템과 워크플로우는 텍스트만으로는 설명하기 어렵습니다. 이 기술은 아키텍처, 워크플로우, 비교 및 데이터 구조를 위한 명확한 ASCII 다이어그램을 생성하여 이해도와 커뮤니케이션을 향상시킵니다.
architecture-navigator
DevPrep AI 아키텍처를 즉시 탐색
개발자는 프로젝트에서 코드가 들어갈 위치를 찾는 데 시간을 씁니다. 이 스킬은 DevPrep AI 코드베이스를 위한 즉시적인 아키텍처 인텔리전스를 제공하며, 폴더 맵, 배치 규칙, 검증 도구를 포함합니다.