Full-Stack Development

nuxt4-patterns는 Nuxt 4에서 하이드레이션 안전성, route rules, 지연 로딩, SSR 안전 데이터 패칭을 다루는 스킬입니다. 이 nuxt4-patterns 스킬을 사용해 Frontend Development 의사결정을 더 잘 내리고, 불일치를 줄이며, 각 페이지나 컴포넌트에 맞는 패턴을 적용하세요.

gan-style-harness는 Agent Orchestration용 Generator-Evaluator 스킬로, 더 엄격한 비평, 더 나은 반복 개선, 더 적은 취약점을 바탕으로 완성도 높은 앱을 만드는 데 도움을 줍니다. 프런트엔드 중심 작업, 풀스택 작업, 또는 리뷰 품질이 속도보다 중요한 프로덕션 지향 작업에서 gan-style-harness 스킬이 필요할 때 사용하세요.

android-clean-architecture는 명확한 모듈 경계, 의존성 규칙, UseCases, Repositories, 데이터 레이어 패턴을 바탕으로 Android 및 Kotlin Multiplatform 앱 구조를 설계하는 데 도움을 줍니다.

fullstack-developer skill은 React, Next.js, Node.js, API, 데이터베이스, 인증, 배포까지 아우르는 현대적 JavaScript·TypeScript 웹 앱 작업용 재사용 프롬프트 패키지입니다. 스크립트나 템플릿을 제공하기보다는, 단일 SKILL.md 파일로 적용 범위와 작업 흐름을 정의하는 방식이며, 여러 레이어를 함께 고려해야 하는 기획·구현 작업에 특히 잘 맞습니다.

nextjs-app-router-patterns는 개발자가 Next.js 14+ App Router 아키텍처를 설계할 때 도움이 되는 스킬로, Server Components, streaming, caching, route handlers, Server Actions는 물론 전체 스택 개발과 Pages Router 마이그레이션까지 폭넓게 다룹니다.

performance-optimization 스킬은 먼저 측정하고, 실제 병목을 찾아 수정한 뒤, 결과를 검증하도록 돕습니다. 성능 요구사항이 있거나 회귀가 의심될 때, 또는 Core Web Vitals, 로딩 시간, 상호작용 지연 개선이 필요할 때 사용하세요.

aspnet-core 스킬은 최신 프레임워크 가이드를 바탕으로 ASP.NET Core 앱을 빌드, 검토, 리팩터링, 업그레이드할 수 있게 도와줍니다. 백엔드 개발, API, 서버 렌더링 앱, Blazor, SignalR, gRPC, 호스티드 서비스에 맞춰 설계되었으며, 앱 모델 선택, Program.cs 설정, DI, 구성, 보안, 테스트, 배포에 대해 먼저 판단할 수 있는 가이드를 제공합니다.

fullstack-dev는 풀스택 개발을 위한 실용 가이드로, 코딩 전에 백엔드 아키텍처, API 설계, 인증, 데이터 흐름, 프런트엔드 통합을 미리 정리하도록 돕습니다. CRUD 앱, 대시보드, 채팅, API 우선 구조의 빌드에 잘 맞으며, 올바른 워크플로, 제약, 출시 준비가 된 의사결정에 중점을 둡니다.

gemini-live-api-dev은 Gemini Live API로 실시간 양방향 앱을 구축할 때 유용한 실무형 스킬입니다. WebSocket 스트리밍, VAD, 네이티브 오디오, 함수 호출, 세션 관리, 임시 토큰, 그리고 google-genai와 @google/genai용 SDK 가이드를 다룹니다.

m365-agents-ts는 Microsoft 365 Agents SDK를 사용해 TypeScript/Node.js로 Microsoft 365 에이전트를 만들 수 있도록 돕습니다. Express 호스팅, AgentApplication 라우팅, 스트리밍 응답, Copilot Studio 클라이언트 연동까지 포함해 배포 중심의 풀스택 에이전트 개발에 실용적인 가이드입니다.

azure-web-pubsub-ts는 백엔드 및 풀스택 개발자가 TypeScript와 JavaScript로 Azure Web PubSub 기반 실시간 메시징을 구축하는 데 도움을 줍니다. 이 azure-web-pubsub-ts 가이드는 WebSocket 기반 채팅, 알림, حضور 상태, pub/sub, 인증, 그리고 적절한 SDK 분리와 환경 변수를 사용한 서버-클라이언트 전달에 활용할 수 있습니다.

podcast-generation은 Azure OpenAI GPT Realtime Mini를 WebSocket으로 연결해 텍스트에서 AI 생성 팟캐스트 스타일 오디오를 만드는 데 도움이 됩니다. React, Python FastAPI, PCM 스트리밍, 전사 캡처, WAV 변환까지 안내해 Full-Stack Development용 podcast-generation에 적합합니다. 일반적인 프롬프트가 아니라, 실제 앱 통합에 바로 쓰는 실용적인 podcast-generation 가이드가 필요할 때 사용하세요.

wp-playground 스킬은 플러그인과 테마 테스트, 버전 전환, blueprint, snapshot, 그리고 분리된 디버깅을 위해 일회용이고 재현 가능한 WordPress Playground 환경을 만드는 데 도움을 줍니다. `@wp-playground/cli`를 통해 브라우저 또는 CLI 워크플로를 지원하며, 백엔드 개발, QA, 통제된 이슈 재현에 특히 유용합니다.

wp-abilities-api는 PHP에서 WordPress 기능과 카테고리를 등록하고, 이를 `wp-abilities/v1`로 노출한 뒤, `@wordpress/abilities`로 활용할 수 있게 도와줍니다. 코어, 플러그인, 테마, MU 플러그인 워크플로에서 안정적인 설치, 사용법, 가이드 절차가 필요할 때 이 wp-abilities-api skill을 백엔드 개발용으로 사용하세요.

프론트엔드 개발에서 WordPress Interactivity API 기능을 구축하거나 디버깅할 때 `wp-interactivity-api` 스킬을 사용하세요. `data-wp-*` 디렉티브, `@wordpress/interactivity`의 store/state/actions, `viewScriptModule` 연동, hydration, directive 동작을 다루며, 설치, 사용법, repo별 문제 해결까지 실무적으로 안내합니다.

agents-sdk는 상태를 유지하는 대화, 내구성 있는 실행, WebSocket 또는 스트리밍 채팅, MCP 통합, 예약 작업, 브라우저 자동화를 갖춘 Cloudflare Workers 에이전트를 만드는 데 도움이 됩니다. 이 agents-sdk 스킬은 기존 Workers 앱이든 새 앱이든 설치 여부 판단, 설정, 실전 활용에 초점을 맞추며, Cloudflare 런타임 제약에 맞을 때만 멀티 에이전트 시스템을 다룹니다.

web-payments는 웹 앱에서 Stripe 기반 결제를 구현할 때 필요한 스킬로, 1회성 결제, 구독, 체크아웃 흐름, 웹훅 처리, API 기반 제품의 고객 포털 설정까지 다룹니다.

medusa skill은 백엔드 개발에서 Medusa를 설정하고 확장하는 데 도움이 됩니다. 헤드리스 커머스 백엔드, 관리자 도구, 모듈, API route, 그리고 Node.js와 PostgreSQL을 활용한 설치·설정·사용 방법까지 실전 중심의 medusa 가이드가 필요할 때 사용하세요.

기존 Flutter/Dart 앱에서 Riverpod, Freezed, go_router, mocktail을 활용할 때 참고하는 Flutter 스킬 가이드입니다. 적절한 파일을 찾고, 저장소 규칙을 따르며, 추측을 줄이면서 프런트엔드 변경을 진행하는 데 도움이 됩니다.

create-auth-skill은 계획 우선 워크플로로 JS 또는 TS 앱에 Better Auth를 추가할 수 있게 돕습니다. 저장소를 스캔해 프레임워크와 데이터베이스 신호를 감지하고, 구조화된 설정 질문을 거친 뒤 라우트 연결, provider 구성, 인증 페이지, 마이그레이션에 안전한 구현까지 안내합니다.

hummingbird 스킬은 가벼운 Swift HTTP 서버 프레임워크인 Hummingbird 2를 실무적으로 익힐 수 있도록 도와줍니다. 백엔드 개발에서 hummingbird를 설치하고 설정하고 사용하는 방법을 다루며, 라우팅, 미들웨어, 인증, 웹소켓, Fluent 연동까지 한 번에 살펴볼 수 있는 집중형 hummingbird 가이드가 필요할 때 유용합니다.

netlify-deploy는 Netlify CLI를 사용해 웹 프로젝트를 Netlify에 배포하는 데 초점을 맞춘 스킬입니다. 인증, 사이트 연결 또는 초기화, 미리보기 배포, 프로덕션 배포, 그리고 `netlify.toml` 기반 빌드 설정을 다루는 데 도움이 됩니다.

pylabrobot은 하드웨어에 구애받지 않는 Python 기반 랩 자동화 프레임워크입니다. pylabrobot 스킬을 사용해 액체 핸들러, 플레이트 리더, 펌프, 인큐베이터, 원심분리기를 제어하고, 덱 레이아웃을 관리하며, 프로토콜을 실행 전에 시뮬레이션할 수 있습니다. 여러 벤더가 섞인 워크플로와 재현 가능한 자동화에 특히 적합합니다.

Fastify Node.js API와 서비스를 TypeScript 또는 JavaScript로 개발할 때 쓰는 fastify-best-practices 스킬입니다. 플러그인 구조를 정하고, 라우트를 정의하고, 스키마를 검증하고, 에러를 처리하고, 인증, 로깅, CORS, 데이터베이스, WebSockets, 테스트, 프로덕션 배포까지 다룰 때 활용하세요. 실무에 바로 쓰기 좋은 fastify-best-practices 가이드 콘텐츠를 포함합니다.