# Create Full-Stack Starter Projects

Starting a modern app often requires many setup decisions and repeated boilerplate. Genesis gives Claude, Codex, and Claude Code structured templates for frontends, backends, miniapps, landing pages, and motion upgrades.

## Install

```bash
npx skillstore add bellybook/genesis
```

## Metadata

- - Slug: bellybook-genesis
- - Version: 1.0.0
- - Author: BellyBook
- - GitHub username: BellyBook
- - License: MIT
- - Repository: https://github.com/BellyBook/genesis/tree/main/
- - Ref: main
- - Supported tools: Claude, Codex, Claude Code
- - Risk level: medium
- - Risk factors: external\_commands, network, filesystem, scripts, env\_access
- - Quality score: 50
- - Quality tier: warning
- - Public page: https://skillstore.pages.dev/skills/bellybook-genesis
- - Manifest: https://skillstore.pages.dev/api/skills/bellybook-genesis/manifest

## Capabilities

- Creates React 19, Vite, Tailwind CSS V4 starter projects from bundled guidance.
- Creates FastAPI backend project structure with SQLModel and async database configuration.
- Creates Go Gin backend project structure with GORM, Viper-style configuration, and Mage tasks.
- Creates Taro 4 miniapp structure with React and Tailwind integration guidance.
- Provides landing page and motion enhancement references for existing React projects.

## Use Cases

- Prototype a Product Interface: Create a React starter with Tailwind styling and reusable UI components for quick validation.
- Start an API Service: Generate a FastAPI or Go Gin backend with routing, configuration, database access, and local run commands.
- Build a Cross-Platform Miniapp: Use the Taro guidance to start a miniapp project with React, Tailwind, and platform build targets.

## Prompt Templates

### Create a React Starter

```
Create a React project named customer-portal. Ask me for the target directory and initialization mode first.
```

### Create a FastAPI Backend

```
Create a FastAPI backend named billing-api. Use the template mode and show each command before running it.
```

### Generate a Landing Page

```
Add a production-ready landing page to this React project. Follow the Genesis landing page reference and keep components reusable.
```

### Customize a Full Stack Scaffold

```
Create a React frontend and Go Gin backend for an internal dashboard. Use AI generation mode, explain the structure, and pause before dependency installation.
```

## Limitations

- Generated projects still require dependency review before installation.
- Some frontend template folders in this copy do not include package manifests.
- Backend templates need local database credentials before they run successfully.
- The skill does not replace production security review or deployment hardening.

## Best Practices

- Review generated commands before running package managers or dev servers.
- Set project names and target directories explicitly before initialization.
- Replace demo CORS, database, and environment settings before production use.

## Anti Patterns

- Do not run generated setup commands in a sensitive directory without review.
- Do not commit .env files or real database credentials from generated backends.
- Do not deploy the starter templates without dependency and security hardening.

## Security Audit

- - Safe to publish: true
- - Audited at: 2026-06-28T15:41:47.185\+00:00
- - Summary: Static analysis reported many high-risk patterns, but manual review found most were false positives from markdown examples, CSS color tokens, Go checksum data, fixed build paths, and SQLModel session.exec calls. The skill is still medium risk because it guides agents to copy files, run package managers and dev servers, read environment configuration, and generate networked backend templates. Publish with a warning to review commands and dependencies before execution.

## Stats

- - Views: 223
- - Downloads: 32
- - Favorites: 0
- - Popularity score: 0