skills.rest
tense-i
tense-iCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

prototype-prompt-generator

Convert user requirements into design-system-aligned prototype prompts for UI/UX.

1|Updated Mar 8, 2026
Search Tags:#documentation#prototype#prompt-engineering#design-systems#prompt-generation#uiux#design-tooling
One-click install
npx skills add https://github.com/tense-i/stock-market-simulator --skill prototype-prompt-generator-tense-i
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prototype-prompt-generator
Source: https://github.com/tense-i/stock-market-simulator/tree/main/skills/prototype-prompt-generator
Command: npx skills add https://github.com/tense-i/stock-market-simulator --skill prototype-prompt-generator-tense-i

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps designers and product teams transform vague design requests into detailed, actionable prototype prompts that specify design systems, components, layouts, and implementation notes.

Core Features & Use Cases

  • Prompt generation: Convert user requirements into structured prompts covering role, task, tech stack, visuals, and content.
  • Design system alignment: Automatically reference WeChat Work, iOS Native, Material Design, and Ant Design Mobile design tokens.
  • Comprehensive scaffolding: Produce a full prompt skeleton including content structure, accessibility notes, and interaction patterns.
  • Real-world scenarios: Generate prompts for dashboards, mobile apps, or enterprise tools with realistic data.

Quick Start

Create a detailed prototype prompt for a finance dashboard UI using the WeChat Work design system.

Frequently Asked Questions about prototype-prompt-generator

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

FAQPage Schema
How do I convert product requirements into a UI prototype prompt?▼

Yes, you can generate prototype prompts aligned with Material Design and Ant Design Mobile. The Skill automatically references design tokens and components for these platforms, alongside WeChat Work and iOS Native.

What is a design-system-aligned prototype prompt?▼

To generate a prototype prompt for a mobile dashboard, provide a request like 'Create a detailed prototype prompt for a finance dashboard UI using the WeChat Work design system' to receive a full prompt skeleton with realistic data and interaction patterns.

What should a comprehensive UI prompt skeleton include?▼

A comprehensive UI prompt skeleton should include role, task, tech stack, visuals, implementation notes, content structure, accessibility notes, and interaction patterns to ensure production-ready UI/UX prototype generation.

Can I use this to generate prompts for enterprise tools and mobile apps?▼

Yes, you can generate prompts for enterprise tools and mobile apps. The Skill supports creating comprehensive scaffolding with realistic data for dashboards, mobile apps, and enterprise tools across specified design systems.

Related Skills

Explore More Design & Creative Skills→
TobiasLarossTobiasLaross
1

review-plan

Extract plan context and launch six parallel sub-agents to review implementation plans.

Community
Advanced
aryankumarraiaryankumarrai

mockup-graduate

Transform approved UI mockups into application code and install dependencies.

Community
Advanced
davidbasilefilhodavidbasilefilho

extract

Extract reusable components, design tokens, and patterns into a design system.

Community
Intermediate
CrazySwamiCrazySwami
5

gsap-animations

Create GSAP animations with ScrollTrigger and reduced-motion fallbacks.

Community
Intermediate