playbooks

home / skills / xfstudio / skills / app-builder

app-builder skill

/app-builder

This skill helps you scaffold new projects by selecting and applying the appropriate templates for your chosen tech stack.

This is most likely a fork of the app-builder skill from vudovn
npx playbooks add skill xfstudio/skills --skill app-builder

Review the files below or copy the command above to add this skill to your agents.

Files (20)
SKILL.md
3.1 KB
---
name: templates
description: Project scaffolding templates for new applications. Use when creating new projects from scratch. Contains 12 templates for various tech stacks.
allowed-tools: Read, Glob, Grep
---

# Project Templates

> Quick-start templates for scaffolding new projects.

---

## 🎯 Selective Reading Rule

**Read ONLY the template matching user's project type!**

| Template | Tech Stack | When to Use |
|----------|------------|-------------|
| [nextjs-fullstack](nextjs-fullstack/TEMPLATE.md) | Next.js + Prisma | Full-stack web app |
| [nextjs-saas](nextjs-saas/TEMPLATE.md) | Next.js + Stripe | SaaS product |
| [nextjs-static](nextjs-static/TEMPLATE.md) | Next.js + Framer | Landing page |
| [express-api](express-api/TEMPLATE.md) | Express + JWT | REST API |
| [python-fastapi](python-fastapi/TEMPLATE.md) | FastAPI | Python API |
| [react-native-app](react-native-app/TEMPLATE.md) | Expo + Zustand | Mobile app |
| [flutter-app](flutter-app/TEMPLATE.md) | Flutter + Riverpod | Cross-platform |
| [electron-desktop](electron-desktop/TEMPLATE.md) | Electron + React | Desktop app |
| [chrome-extension](chrome-extension/TEMPLATE.md) | Chrome MV3 | Browser extension |
| [cli-tool](cli-tool/TEMPLATE.md) | Node.js + Commander | CLI app |
| [monorepo-turborepo](monorepo-turborepo/TEMPLATE.md) | Turborepo + pnpm | Monorepo |
| [astro-static](astro-static/TEMPLATE.md) | Astro + MDX | Blog / Docs |

---

## Usage

1. User says "create [type] app"
2. Match to appropriate template
3. Read ONLY that template's TEMPLATE.md
4. Follow its tech stack and structure

Overview

This skill provides 12 ready-made project scaffolding templates for starting new applications across web, mobile, desktop, CLI, and API stacks. It streamlines project setup by offering opinionated structures and common integrations so you can focus on features instead of boilerplate. Use it to generate a well-organized baseline matched to your chosen tech stack.

How this skill works

When you request a specific project type, the skill selects and reads only the template that matches that type and returns the scaffold details for that stack. Each template encodes recommended dependencies, folder layout, scripts, and integration points (for example Prisma for Next.js or FastAPI for Python). Follow the template to initialize a project consistent with the chosen stack and tooling.

When to use it

  • Starting a new project and you want a tested, opinionated scaffold.
  • Prototyping a SaaS, landing page, API, mobile app, or desktop app quickly.
  • Standardizing project structure across a team or organization.
  • Bootstrapping a monorepo or CLI tool with sensible defaults.
  • When you need a starting point that includes common integrations (Stripe, Prisma, JWT, etc.).

Best practices

  • Pick the single template that matches your project type and follow its structure exactly to avoid conflicting choices.
  • Review and adapt configuration files (env, linting, formatting) to your team’s standards before adding features.
  • Keep dependencies minimal in early stages; add extras intentionally after core flows work.
  • Use the included scripts for development and CI as a baseline, customizing them incrementally.
  • Commit the initial scaffold to version control so future scaffolds remain reproducible.

Example use cases

  • Create a Next.js full-stack app prewired with Prisma for rapid backend modelling.
  • Bootstrap a SaaS product with Next.js and Stripe for subscription payments.
  • Generate a FastAPI-based Python API scaffold with recommended routes and deployment hints.
  • Start a cross-platform Flutter app scaffolded with Riverpod state management.
  • Initialize a monorepo using Turborepo and pnpm to host multiple services and web apps.

FAQ

Do I need to read all templates before choosing one?

No. Use the selective approach: read only the template that matches your intended project type to avoid conflicting guidance.

Can I customize the templates?

Yes. Templates are opinionated starting points meant to be adapted—modify dependencies, scripts, and structure as needed.