skills.rest
idiotLeoLYJ
idiotLeoLYJCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/idiotLeoLYJ/Daliu-Awesome-Skills --skill vibe-architecture
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
chaorenex1chaorenex1
3

Requirements Clarity

Clarify vague ideas into actionable Product Requirements Documents.

Community
Basic
jitenkr2030jitenkr2030

fullstack-dev

Bootstrap fullstack web apps with Next.js 16, TypeScript, Tailwind CSS 4, and Prisma ORM.

Community
Advanced
derek2035derek2035

cloudbase-cli

Manage CloudBase resources via the tcb CLI for deployment and configuration.

Community
Intermediate
dinoudondinoudon

sdlc-architecture-design

Define software architectures with patterns, ADRs, and dependency rules.

Community
Advanced