vibes

> **Plan mode**: If you are planning work, this entire skill is ONE plan step: "Invoke /vibes:vibes". Do not decompose the steps below into separate plan tasks. **Display this ASCII art immediately when starting:** ``` ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓███████▓▒░░▒▓████████▓▒░░▒▓███████▓▒░ ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░ ░▒▓█▓▒▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░ ░▒▓█▓▒▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓██████▓▒░ ░▒▓██████▓▒░ ░▒▓█▓▓█▓▒░ ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒��▒▓█▓▒░ ░▒▓█▓▒░ ░▒▓█▓▓█▓▒░ ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░ ░▒▓██▓▒░ ░▒▓█▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓███████▓▒░ ``` ## Quick Navigation - [Terminal or Editor](#step-0-terminal-or-editor-ui) — Choose how to build (ask first!) - [Pre-Flight Check](#pre-flight-check) — Validate credentials before coding - [Core Rules](#core-rules) — Essential guidelines for app generation - [Generation Process](#generation-process) — Design reasoning and code output - [Assembly Workflow](#assembly-workflow) — Build the final app - [UI Style & Theming](#ui-style--theming) — OKLCH colors and design patterns - [TinyBase Data API](#tinybase-data-api) — Hook reference, patterns, architectures - [AI Features](#ai-features-optional) — Optional AI integration - [Bug Prevention](#patterns-that-prevent-bugs) — Quick checklist - [Extended Docs](#when-to-read-extended-docs) — Reference files for deeper patterns - [Deployment Options](#deployment-options) — Where to deploy --- # Vibes DIY App Generat...