ToolypetMCP
advanced8 minutescross hub

Full-Stack App Scaffold

Scaffold a full-stack app: generate UUIDs, set up auth, design CSS theme, configure SEO, and harden security.

full-stackscaffoldauthdesignseo

何时使用此配方

Start a new project with all foundations in place: unique identifiers, secure credentials, consistent design, search optimization, and security configuration.

步骤

1

UUID Generator

试用此工具

Generate app identifiers

提示词:Generate UUID v4 for the application ID and initial database seed records
2

Secret Generator

试用此工具

Create .env secrets

提示词:Generate all application secrets: JWT_SECRET, SESSION_SECRET, ENCRYPTION_KEY, DATABASE_SALT
3

Gradient Generator

试用此工具

Design brand gradient

提示词:Generate the app's brand gradient for primary buttons and hero sections
4

Box Shadow Generator

试用此工具

Design shadow system

提示词:Generate the app's shadow system: sm, md, lg elevation levels
5

Meta Generator

试用此工具

Set up SEO foundation

提示词:Generate meta tag template for the app's pages
6

CSP Generator

试用此工具

Dev-friendly security

提示词:Generate development CSP that allows hot-reload and dev tools

常见问题

What should I set up first in a new project?

1) Version control and .gitignore, 2) Environment variables and secrets, 3) Authentication, 4) Basic CSS/design system, 5) SEO meta template, 6) Security headers. This recipe covers 2-6.

Should I use different secrets for dev and production?

Absolutely. Never share secrets between environments. Generate unique secrets per environment. Use a .env.example file with placeholder values for documentation.

相关配方