fullstack-dev
프로덕션 수준의 풀스택 애플리케이션 구축
풀스택 애플리케이션을 구축하려면 백엔드 API, 인증, 데이터베이스, 프론트엔드 통합을 조율해야 합니다. 이 스킬은 적절한 오류 처리와 테스트를 갖춘 견고한 프로덕션 수준 애플리케이션을 만들기 위한 구조화된 워크플로우와 모범 사례를 제공합니다.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"fullstack-dev" 사용 중입니다. Express와 React 프론트엔드로 todo API 구축
예상 결과:
Express 백엔드(JWT 인증, PostgreSQL)와 React 프론트엔드를 갖춘 풀스택 todo 애플리케이션을 생성했습니다. 백엔드에는 /api/todos CRUD 엔드포인트, 리프레시 토큰 플로우가 포함된 /api/auth/login, 그리고 적절한 오류 처리가 포함됩니다. 프론트엔드에는 401 자동 갱신을 처리하는 API 클라이언트 래퍼가 포함된 TodoApp 컴포넌트가 포함됩니다.
"fullstack-dev" 사용 중입니다. 기존 Node.js 앱에 SSE 실시간 업데이트 추가
예상 결과:
기존 Express 앱에 Server-Sent Events를 구현했습니다. 연결 관리가 포함된 /api/events 엔드포인트를 생성하고, 클라이언트 측 EventSource 통합을 추가했으며, 지수 백오프를 통한 재연결을 처리했습니다. 프론트엔드는 수동 새로고침 없이 라이브 업데이트를 표시합니다.
보안 감사
중간 위험Scanned 9 files (3841 lines). Static analyzer flagged 721 potential issues but most are false positives. All flagged patterns are in markdown documentation showing legitimate code examples for build/test commands, auth flows, and config patterns. No malicious intent found. Skill is safe for publication with standard warnings.
높은 위험 문제 (1)
중간 위험 문제 (3)
낮은 위험 문제 (3)
위험 요인
⚙️ 외부 명령어 (5)
🌐 네트워크 접근 (5)
📁 파일 시스템 액세스 (1)
감지된 패턴
품질 점수
만들 수 있는 것
새 풀스택 애플리케이션 스캐폴딩
새 프로젝트를 시작할 때, 코드를 작성하기 전에 필수 워크플로우를 사용하여 스택, 아키텍처, 인증 전략을 정의하세요. 이렇게 하면 모든 컴포넌트가 처음부터 함께 작동합니다.
기존 API에 인증 추가
기존 Express 또는 Django API에 JWT 베어러 플로우와 자동 토큰 갱신을 통합합니다. 적절한 보호를 위해 인증 미들웨어 순서 패턴을 따르세요.
실시간 업데이트 구현
폴링 오버헤드 없이 실시간 알림, 협업 기능 또는 대시보드 업데이트를 위해 기존 애플리케이션에 Server-Sent Events 또는 WebSocket 지원을 추가합니다.
이 프롬프트를 사용해 보세요
Build a new full-stack application using {backend_stack} and {frontend_stack}. I need REST API endpoints for {resource_name} with CRUD operations, JWT authentication, and proper error handling.Add JWT authentication to my existing {framework} API. Include login/logout endpoints, access token (15min) and refresh token (7d httpOnly cookie) flow, and middleware to protect existing routes.Add real-time notifications to my application using {sse_or_websocket}. Users should receive updates when {event_type} happens without page refresh.Design a database schema for {domain} with {table_count} tables. Include proper indexes for common queries, foreign key relationships, and migration scripts for {db_type}.모범 사례
- 코드를 작성하기 전에 항상 아키텍처 결정(스택, API 스타일, 인증 전략)을 정의하고, 이를 decisions.json 파일에 문서화하세요
- 타입화된 오류 계층 구조로 오류 처리를 구현하세요 - 프로덕션에서 원시 오류 메시지를 클라이언트에 노출하지 마세요
- 필수 검증 워크플로우를 사용하세요 - 완료라고 주장하기 전에 빌드 검사, 스모크 테스트, 통합 테스트를 실행하세요
피하기
- 인증 미들웨어 순서를 건너뛰지 마세요 - 권한 확인 전에 항상 JWT를 검증하세요, 그 이후가 아닙니다
- 코드에 URL이나 자격 증명을 하드코딩하지 마세요 - 시작 시 검증이 포함된 환경 변수를 사용하세요
- SSE나 WebSocket이 더 적합한 경우 폴링으로 실시간 기능을 구현하지 마세요 - 폴링은 리소스를 낭비합니다