Compétences app-builder
📦

app-builder

Risque faible ⚙️ Commandes externes

Créer des applications full-stack avec coordination d'agents IA

Transformez les requêtes en langage naturel en applications prêtes pour la production. App Builder analyse vos exigences, sélectionne la pile technologique optimale et coordonne des agents IA spécialistes pour construire des projets complets à partir de zéro.

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". Create a portfolio website with a project gallery, about page, and contact form

Résultat attendu:

  • Project Type: Static Portfolio Site
  • Template: nextjs-static
  • Tech Stack: Next.js 16, TypeScript, Tailwind CSS, Framer Motion
  • Plan Created: portfolio-setup.md
  • Files Generated: 12 components, 4 pages, configuration files
  • Preview: https://portfolio-demo.vercel.app

Utilisation de "app-builder". Build a real-time chat application with rooms and direct messaging

Résultat attendu:

  • Project Type: Real-Time Web Application
  • Template: nextjs-fullstack
  • Tech Stack: Next.js, PostgreSQL, Prisma, Supabase Realtime
  • Agents Coordinated: Database Architect, Backend Specialist, Frontend Specialist
  • Features Implemented: User auth, chat rooms, 1:1 messaging, message history, typing indicators
  • Deployment: Configured Vercel with Supabase integration

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)
templates/nextjs-fullstack/TEMPLATE.md:67-72scaffolding.md:9-61
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.

Facteurs de risque

⚙️ Commandes externes (6)
agent-coordination.md:7-56 feature-building.md:7-22 project-detection.md:28-34 scaffolding.md:9-61 SKILL.md:19-24 templates/nextjs-fullstack/TEMPLATE.md:67-72
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

Développement rapide de produits SaaS

Construisez une application SaaS complète avec authentification, traitement des paiements et tableau de bord à partir d'une seule description. App Builder coordonne la configuration de la base de données, les routes API, les composants frontend et l'intégration Stripe.

Création d'applications mobiles multi-plateformes

Générez des applications React Native ou Flutter avec gestion d'état, navigation et intégration d'API. Choisissez entre Expo pour le prototypage rapide ou le workflow bare pour les modules natifs.

Structure de monorepo d'entreprise

Configurez des monorepos alimentés par Turborepo avec des packages partagés, des applications et des pipelines CI-CD. Configurez les alias de chemin, les types partagés et les workflows de déploiement sur plusieurs applications.

Essayez ces prompts

Requête d'application web simple 
Create a blog platform where users can write articles, add tags, and comment. Include user authentication and an admin dashboard for content management.
Spécification de plateforme e-commerce 
Build an e-commerce site with product catalog, shopping cart, Stripe checkout, order history, and email notifications. Use Next.js for the frontend and PostgreSQL for the database. Include inventory management and admin panel.
Service backend API-First 
Create a REST API for a task management system with user authentication, project workspaces, task assignments, and real-time notifications. Use Express.js with JWT auth, PostgreSQL, and Redis for caching. Include OpenAPI documentation and unit tests.
Application de bureau multi-plateforme 
Build a note-taking desktop app using Electron with React. Features include markdown editing, folder organization, full-text search, and cloud sync. Store data locally with SQLite and provide optional Dropbox integration for backup.

Bonnes pratiques

  • Vérifiez toujours le fichier de plan généré avant que les agents spécialistes ne commencent la mise en œuvre
  • Spécifiez votre pile technologique préférée dans la demande initiale pour éviter les cycles de clarification
  • Exécutez fréquemment les déploiements de prévisualisation pour valider la fonctionnalité pendant le développement

Éviter

  • Ignorer le point de vérification de vérification du plan conduit à une mise en œuvre mal alignée
  • Demander plusieurs fonctionnalités non liées simultanément réduit la qualité du code
  • Ignorer la configuration des variables d'environnement provoque des échecs runtime pour la base de données et l'authentification

Foire aux questions

Comment App Builder détermine quel modèle de projet utiliser ?
App Builder utilise la correspondance de mots-clés contre une matrice de plus de 15 types de projets. Par exemple, « blog » ou « documentation » déclenche le modèle statique Astro, tandis que « e-commerce » ou « paiement » sélectionne le SaaS Next.js. Les requêtes ambiguës posent des questions de clarification.
Puis-je personnaliser la pile technologique par défaut ?
Oui, spécifiez vos technologies préférées dans la demande initiale. App Builder utilise par défaut Next.js 16, TypeScript, Tailwind CSS et PostgreSQL, mais vous pouvez demander des alternatives comme FastAPI, Flutter ou Express.
App Builder exécute-t-il du code sur ma machine ?
App Builder génère des commandes et des instructions pour les exécuter par les agents IA. Les commandes comme npm install ou les migrations de base de données nécessitent l'approbation de l'utilisateur. Le skill lui-même est une documentation qui guide le flux de travail de développement.
Combien de temps faut-il pour structurer un projet complet ?
Les projets de base se structurent en 5-10 minutes. Les applications full-stack avec authentification, base de données et fonctionnalités multiples prennent généralement 15-30 minutes selon la complexité et le nombre d'agents spécialistes impliqués.
App Builder peut-il ajouter des fonctionnalités aux projets existants ?
Oui, le flux de travail de construction de features analyse les bases de code existantes, crée des plans de modification et implémente les améliorations de manière itérative. Il détecte la structure du projet et suit les modèles établis.
Que se passe-t-il si une erreur survient pendant le développement ?
App Builder implémente la récupération automatique des erreurs : détection des erreurs, tentatives de corrections, suggestions d'alternatives et rollback des changements si nécessaire. Les problèmes courants comme les erreurs TypeScript ou les dépendances manquantes ont des solutions prédéfinies.

Détails du développeur

Auteur

sickn33

Licence

MIT

Dépôt

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/app-builder

Réf

main

Structure de fichiers

📁 templates/

📁 astro-static/

📄 TEMPLATE.md

📁 chrome-extension/

📄 TEMPLATE.md

📁 cli-tool/

📄 TEMPLATE.md

📁 electron-desktop/

📄 TEMPLATE.md

📁 express-api/

📄 TEMPLATE.md

📁 flutter-app/

📄 TEMPLATE.md

📁 monorepo-turborepo/

📄 TEMPLATE.md

📁 nextjs-fullstack/

📄 TEMPLATE.md

📁 nextjs-saas/

📄 TEMPLATE.md

📁 nextjs-static/

📄 TEMPLATE.md

📁 nuxt-app/

📄 TEMPLATE.md

📁 python-fastapi/

📄 TEMPLATE.md

📁 react-native-app/

📄 TEMPLATE.md

📄 SKILL.md

📄 agent-coordination.md

📄 feature-building.md

📄 project-detection.md

📄 scaffolding.md

📄 SKILL.md

📄 tech-stack.md