vibe-architecture

Derive technical architecture, database models, and API contracts from interaction requirements.

113|12|Updated May 19, 2026

Search Tags:#architecture #nextjs #api-design #cloudbase #database-modeling #vibe-coding

Ready to run

npx skills add https://github.com/idiotLeoLYJ/Daliu-Awesome-Skills --skill vibe-architecture

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vibe-architecture
Source: https://github.com/idiotLeoLYJ/Daliu-Awesome-Skills/tree/main/plugins/qima/skills/vibe-architecture
Command: npx skills add https://github.com/idiotLeoLYJ/Daliu-Awesome-Skills --skill vibe-architecture

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the ambiguity in Vibe Coding by deriving a concrete, ironclad technical architecture from product ideas and interaction requirements, ensuring developers have a clear blueprint before writing code.

Core Features & Use Cases

Architecture Derivation: Automatically generates database models, API contracts, and system designs based on interaction requirements.
Alignment Matrix: Ensures every data requirement in your interaction document is covered by a specific API and security rule, eliminating implementation gaps.
Use Case: When you have a product idea and a defined interaction flow, use this skill to generate the architecture.md file, which maps your UI elements to specific CloudBase database schemas and API endpoints.

Quick Start

Use the vibe-architecture skill to generate the technical design and database schema based on my existing idea.md and interaction.md files.

Frequently Asked Questions about vibe-architecture

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

FAQPage Schema

How do I generate database models and API contracts from product interaction requirements?▼

You generate database models and API contracts by deriving technical architecture from interaction requirements, ensuring every UI element maps directly to specific CloudBase schemas and standardized API endpoints.

What is the best way to align UI interaction flows with backend implementation in Next.js?▼

Aligning UI interaction flows with backend implementation in Next.js requires an alignment matrix mapping every data requirement to a specific API and security rule to eliminate implementation gaps.

Does this architecture derivation tool work with CloudBase and shadcn/ui?▼

Yes, this architecture derivation tool works with CloudBase and shadcn/ui, applying specifically to Vibe Coding workflows using Next.js to ensure full alignment between interaction needs and backend implementation.

How do I create deterministic interface-to-data mapping for Vibe Coding?▼

You create deterministic interface-to-data mapping for Vibe Coding by deriving technical architecture that satisfies requirements for standardized API design and full security rule coverage across your interaction document.

What files do I need to start generating technical architecture for Vibe Coding?▼

To start generating technical architecture for Vibe Coding, you need existing idea.md and interaction.md files, which the skill uses to output a concrete architecture.md file containing database schemas and API endpoints.