Compétences app-builder
📦

app-builder

Risque faible ⚙️ Commandes externes

AI 에이전트 협업을 통한 풀스택 애플리케이션 구축

자연어 요청을 프로덕션 준비 완료 애플리케이션으로 변환합니다. App Builder 는 요구사항을 분석하고 최적의 기술 스택을 선택하며, 전문 AI 에이전트들을 조정하여 처음부터 완전한 프로젝트를 구축합니다.

Prend en charge: Claude Codex Code(CC)
🥉 72 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "app-builder". 프로젝트 갤러리, 소개 페이지, 연락처 양식을 갖춘 포트폴리오 웹사이트를 생성하세요

Résultat attendu:

  • 프로젝트 유형: 정적 포트폴리오 사이트
  • 템플릿: nextjs-static
  • 기술 스택: Next.js 16, TypeScript, Tailwind CSS, Framer Motion
  • 계획 생성됨: portfolio-setup.md
  • 생성된 파일: 12 개의 컴포넌트, 4 개의 페이지, 설정 파일
  • 미리보기: https://portfolio-demo.vercel.app

Utilisation de "app-builder". 룸과 다이렉트 메시징을 갖춘 실시간 채팅 애플리케이션을 구축하세요

Résultat attendu:

  • 프로젝트 유형: 실시간 웹 애플리케이션
  • 템플릿: nextjs-fullstack
  • 기술 스택: Next.js, PostgreSQL, Prisma, Supabase Realtime
  • 조정된 에이전트: 데이터베이스 아키텍트, 백엔드 전문가, 프론트엔드 전문가
  • 구현된 기능: 사용자 인증, 채팅 룸, 1:1 메시징, 메시지 내역, 입력 표시기
  • 배포: Supabase 통합과 함께 Vercel 구성됨

Audit de sécurité

Risque faible
v1 • 2/24/2026

Static analyzer flagged 195 patterns but all are false positives. The skill consists of Markdown documentation files, not executable code. Backtick patterns are Markdown code fences for displaying examples, not shell execution. Environment variable references document standard project structure. No malicious patterns detected. External commands risk factor retained because the skill instructs AI agents to run bash commands for project scaffolding and dependency installation.

20
Fichiers analysés
1,632
Lignes analysées
2
résultats
1
Total des audits
Problèmes à risque faible (1)
External Command Execution via Agent
Skill instructs AI agents to execute shell commands for project scaffolding, package installation, and database migrations. Commands include npm install, npx prisma, and create-next-app.
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
88
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

신속한 SaaS 제품 개발

단일 설명으로 인증, 결제 처리, 대시보드를 갖춘 완전한 SaaS 애플리케이션을 구축합니다. App Builder 는 데이터베이스 설정, API 라우트, 프론트엔드 컴포넌트, Stripe 통합을 조정합니다.

멀티플랫폼 모바일 앱 생성

상태 관리, 네비게이션, API 통합을 갖춘 React Native 또는 Flutter 애플리케이션을 생성합니다. 신속한 프로토타이핑을 위한 Expo 또는 네이티브 모듈을 위한 bare 워크플로우 중 선택할 수 있습니다.

엔터프라이즈 모노레포 스캐폴딩

공유 패키지, 앱, CI-CD 파이프라인을 갖춘 Turborepo 기반 모노레포를 설정합니다. 여러 애플리케이션 간에 경로 별칭, 공유 타입, 배포 워크플로우를 구성합니다.

Essayez ces prompts

간단한 웹 앱 요청
사용자가 글을 쓰고 태그를 추가하며 댓글을 달 수 있는 블로그 플랫폼을 생성하세요. 사용자 인증과 콘텐츠 관리를 위한 관리자 대시보드를 포함하세요.
이커머스 플랫폼 사양
제품 카탈로그, 쇼핑 카트, Stripe 체크아웃, 주문 내역, 이메일 알림을 갖춘 이커머스 사이트를 구축하세요. 프론트엔드에는 Next.js 를, 데이터베이스에는 PostgreSQL 을 사용하세요. 재고 관리와 관리자 패널을 포함하세요.
API 우선 백엔드 서비스
사용자 인증, 프로젝트 워크스페이스, 작업 할당, 실시간 알림을 갖춘 작업 관리 시스템을 위한 REST API 를 생성하세요. Express.js 와 JWT 인증, PostgreSQL, 캐싱을 위한 Redis 를 사용하세요. OpenAPI 문서화와 단위 테스트를 포함하세요.
크로스플랫폼 데스크톱 애플리케이션
React 를 사용한 Electron 으로 메모 작성 데스크톱 앱을 구축하세요. 기능으로는 마크다운 편집, 폴더 구성, 전체 텍스트 검색, 클라우드 동기화가 포함됩니다. 데이터는 SQLite 로 로컬에 저장하며 백업을 위한 선택적 Dropbox 통합을 제공하세요.

Bonnes pratiques

  • 전문 에이전트가 구현을 시작하기 전에 생성된 계획 파일을 항상 검토하세요
  • 추가 확인 라운드를 피하기 위해 초기 요청에서 선호하는 기술 스택을 명시하세요
  • 개발 중 기능 검증을 위해 미리보기 배포를 자주 실행하세요

Éviter

  • 계획 검증 체크포인트를 건너뛰면 구현이 어긋나게 됩니다
  • 여러 개의 관련 없는 기능을 동시에 요청하면 코드 품질이 저하됩니다
  • 환경 변수 설정을 무시하면 데이터베이스와 인증에서 런타임 오류가 발생합니다

Foire aux questions

App Builder 는 어떤 프로젝트 템플릿을 사용할지 어떻게 결정하나요?
App Builder 는 15 개 이상의 프로젝트 유형 매트릭스에 대해 키워드 매칭을 사용합니다. 예를 들어 '블로그' 또는 '문서화'는 Astro 정적 템플릿을 트리거하고, '이커머스' 또는 '결제'는 Next.js SaaS 를 선택합니다. 모호한 요청은 명확화 질문을 표시합니다.
기본 기술 스택을 커스터마이징할 수 있나요?
네, 초기 요청에서 선호하는 기술을 명시하세요. App Builder 는 기본적으로 Next.js 16, TypeScript, Tailwind CSS, PostgreSQL 을 사용하지만 FastAPI, Flutter, Express 와 같은 대안을 요청할 수 있습니다.
App Builder 가 내 머신에서 코드를 실행하나요?
App Builder 는 AI 에이전트가 실행할 명령과 지침을 생성합니다. npm install 또는 데이터베이스 마이그레이션과 같은 명령은 사용자 승인이 필요합니다. 스킬 자체는 개발 워크플로우를 안내하는 문서입니다.
완전한 프로젝트를 스캐폴딩하는 데 얼마나 걸리나요?
기본 프로젝트는 5-10 분 내에 스캐폴딩됩니다. 인증, 데이터베이스, 여러 기능을 갖춘 풀스택 애플리케이션은 복잡성과 관여하는 전문 에이전트 수에 따라 일반적으로 15-30 분 이내에 완료됩니다.
App Builder 가 기존 프로젝트에 기능을 추가할 수 있나요?
네, 기능 구축 워크플로우는 기존 코드베이스를 분석하고 변경 계획을 생성하며 점진적으로 기능을 구현합니다. 프로젝트 구조를 감지하고 기존 패턴을 따릅니다.
개발 중 오류가 발생하면 어떻게 되나요?
App Builder 는 자동 오류 복구를 구현합니다: 오류 감지, 수정 시도, 대안 제안, 필요시 변경사항 롤백. TypeScript 오류 또는 누락된 종속성과 같은 일반적인 문제에는 미리 정의된 솔루션이 있습니다.