skills.rest
Yukine5377
Yukine5377COMMUNITY
Explore all skills by this author →
GitHub

ba-ds-bg-tool-prompt-gen

Generate Markdown prompts for design tools to create Design Systems and Brand Guidelines.

Updated Apr 12, 2026
Search Tags:#design-system#design-prompt#brand-guideline#ui-tools#markdown-prompt#bilingual-prompt
One-click install
npx skills add https://github.com/Yukine5377/common --skill ba-ds-bg-tool-prompt-gen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ba-ds-bg-tool-prompt-gen
Source: https://github.com/Yukine5377/common/tree/main/.cursor/skills/ba-ds-bg-tool-prompt-gen
Command: npx skills add https://github.com/Yukine5377/common --skill ba-ds-bg-tool-prompt-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users craft optimized Markdown prompts for design tools (Figma Make, Stitch, v0, v.v.) to generate a Design System or Brand Guideline, not screen-by-screen mockups.

Core Features & Use Cases

  • Prompts that output design foundations (foundations tokens: color, typography, spacing, grid) for DSs.
  • Brand Guideline prompts (logo usage, tone, layout guidance) for consistent visuals.
  • Workflow examples: packaging the prompt into a single Markdown file ready for direct paste into the tool.

Quick Start

Generate a Markdown prompt package for a chosen tool to produce a Design System and Brand Guideline from a brand brief.

Frequently Asked Questions about ba-ds-bg-tool-prompt-gen

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

FAQPage Schema
How do I generate a design system prompt for tools like Figma Make or v0?▼

This Skill generates structured Markdown prompts for design tools to produce a Design System and Brand Guideline from a brand brief, covering color, typography, spacing tokens, and component primitives.

What is a design system prompt and how does it differ from UI mockup generation?▼

A design system prompt focuses on generating foundational design tokens and brand guidelines rather than screen-by-screen UI mockups, establishing visual consistency through color, typography, and spacing definitions.

Can I use Markdown prompts to create brand guidelines for both web and mobile contexts?▼

Yes, you can use Markdown prompts to create brand guidelines for both web and mobile contexts, applying consistent token naming and component primitives across platforms.

Does this prompt generator support bilingual output for brand guidelines?▼

Yes, this prompt generator supports bilingual output for brand guidelines, ensuring prompts respect target tool constraints while maintaining consistent token naming.

What's the best way to structure a brand brief for generating design tokens?▼

Structure your brand brief with core brand ideas and logo usage rules; the Skill transforms this into Markdown prompts covering color, typography, spacing, and grid foundations for design tools.

Why use a structured prompt for design system generation instead of describing screens directly?▼

Using a structured prompt ensures the design tool outputs foundational tokens and brand guidelines first, establishing consistent visual rules before screen layouts to prevent fragmented UI components.

Related Skills

Explore More Design & Creative Skills→
SheshiyerSheshiyer

visual-identity-core

Generate a brand visual identity guide with color palettes, typography, logo rules, and imagery guidelines.

Community
Basic
n0rvynn0rvyn
1

generate-design-prompt

Extract UI information from code and docs into Stitch or Figma prompts.

Community
Advanced
Ayub-KhanAyub-Khan

ui-ux-design

Define scalable UI/UX design systems with tokens for Figma handoff.

Community
Intermediate
Yukine5377Yukine5377

ba-mobile-frontend-code-gen

Generate mobile frontend code from brand guidelines and design systems.

Community
Advanced