ba-mockup-prompt-gen-layout

Generate a reusable Vietnamese-language app shell and navigation prompt.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/clovernguyen1010-ship-it/Clover_Nguyen --skill ba-mockup-prompt-gen-layout-clovernguyen1010-ship-it
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ba-mockup-prompt-gen-layout
Source: https://github.com/clovernguyen1010-ship-it/Clover_Nguyen/tree/main/.agent/skills/ba-mockup-prompt-gen_layout
Command: npx skills add https://github.com/clovernguyen1010-ship-it/Clover_Nguyen --skill ba-mockup-prompt-gen-layout-clovernguyen1010-ship-it

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps generate a single, ready-to-use prompt for an app shell and navigation, enabling teams to rapidly scaffold UI scaffolding without detailed mockups.

Core Features & Use Cases

  • Generate a single, reusable prompt for app shell and navigation (header, sidebar/top nav, and a blank main area).
  • Enforce Vietnamese labels for UI elements while preserving brand names.
  • Provide clear output guidelines, including file naming and structure for the prompt.

Quick Start

Use this skill when you need a single app-shell prompt; provide app name, platform, target users, and feature list.

Frequently Asked Questions about ba-mockup-prompt-gen-layout

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

FAQPage Schema
How do I generate a prompt for an app shell and navigation layout?

To generate an app shell prompt, provide your app name, platform, target users, and feature list. The skill outputs a reusable prompt defining header, sidebar or top nav, and navigation states with a blank main area.

What is an app shell mockup and when do I need one?

An app shell mockup is the core UI scaffolding containing the header, sidebar, and navigation layout without detailed content. You need one to rapidly scaffold UI structure before building detailed feature mockups.

Can I use this to generate navigation layouts for any platform?

Yes, you can generate navigation layouts for any specified platform by including it in your inputs. The skill applies your platform, app name, target users, and feature list to produce the mockup shell.

How do I define navigation states like hover and active in a layout prompt?

Navigation states are defined automatically within the generated prompt. The output guides shell structure and specifies default, hover, active, and active-parent states for sidebar or top navigation elements.

Does the app shell prompt generate content for the main area?

No, the app shell prompt deliberately produces a blank main area. It focuses strictly on scaffolding the shell structure, header, and navigation, ensuring no detailed content is rendered in the main space.

What's the best way to enforce Vietnamese labels in a navigation layout prompt?

To enforce Vietnamese labels, use a prompt generation skill that natively outputs Vietnamese UI elements. This skill generates Vietnamese labels for navigation elements while preserving your original brand names.