greenfield-design

Scaffolds a Next.js app with impeccable-driven design from an empty folder.

Updated Apr 22, 2026

Search Tags:#automation #workflow #design #next.js #scaffold #frontend-design #impeccable

Ready to run

npx skills add https://github.com/mitcheman/bodega --skill greenfield-design

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: greenfield-design
Source: https://github.com/mitcheman/bodega/tree/main/.cursor/skills/greenfield-design
Command: npx skills add https://github.com/mitcheman/bodega --skill greenfield-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Starting a new Next.js project from an empty folder often lacks a coherent design foundation. This skill scaffolds a greenfield site with impeccable-driven design to ensure a polished, cohesive starting point.

Core Features & Use Cases

Pre-checks to confirm an empty project root and valid setup notes.
Installs and coordinates the impeccable design skill, scaffolding a Next.js app with App Router, Tailwind styles, and marketing-ready pages.
Generates design artifacts including app layout, pages, typography, and a .impeccable.md capturing design decisions.
Provides a guided design workflow from context gathering through review, helping teams start with a consistent aesthetic.

Quick Start

Run the bodega:setup flow in an empty folder to scaffold a Next.js app with impeccable-driven design.

Frequently Asked Questions about greenfield-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I scaffold a Next.js app with a cohesive design system from scratch?▼

Scaffolding a Next.js app with a cohesive design system from scratch is handled by running the setup flow in an empty folder. The process installs the impeccable design skill, initializes the App Router with Tailwind, and generates marketing-ready pages with consistent typography.

What is included when scaffolding a polished Next.js site from a blank folder?▼

Scaffolding a polished Next.js site from a blank folder includes generating a root app layout, individual pages, typography configurations, and a .impeccable.md file. This file records all gathered design context and decisions to maintain a consistent aesthetic baseline.

Can I use this to generate design context for an existing Next.js project?▼

No, generating design context with this workflow requires an empty project root. Pre-checks explicitly verify that the folder is blank before scaffolding the Next.js application and initiating the guided design context gathering and review process.

How does the guided design workflow build a consistent UI foundation?▼

The guided design workflow builds a consistent UI foundation by gathering design context, applying impeccable-driven design principles, and outputting structured layouts and pages. It records all aesthetic decisions in a .impeccable.md file for future reference.

Do I need to manually install Tailwind and the App Router before scaffolding?▼

You do not need to manually install Tailwind or the App Router before scaffolding. The setup process automatically scaffolds the Next.js application with App Router and Tailwind styles integrated alongside the impeccable design skill.

What are the limitations of starting a greenfield Next.js design workflow?▼

A limitation of this greenfield Next.js design workflow is its strict requirement for an empty directory. It cannot be run in an existing project structure with files, as pre-checks will fail to validate the project root setup.