prototype-prompt-generator

Generate structured UI/UX prototype prompts from user requirements and design systems.

1|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/simoabid/ABID.Dev-Portfolio --skill prototype-prompt-generator-simoabid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: prototype-prompt-generator
Source: https://github.com/simoabid/ABID.Dev-Portfolio/tree/main/.agent/skills/prototype-prompt-generator
Command: npx skills add https://github.com/simoabid/ABID.Dev-Portfolio --skill prototype-prompt-generator-simoabid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of detailed, structured prompts for generating UI/UX prototypes, transforming user requirements into actionable design specifications.

Core Features & Use Cases

  • Comprehensive Prompt Generation: Creates production-ready prompts for AI or developers.
  • Design System Integration: Supports multiple design systems (WeChat Work, iOS Native, Material Design, Ant Design Mobile).
  • Use Case: A product manager needs to brief a design team on a new mobile app feature. They use this Skill to generate a detailed prompt that specifies the exact layout, colors, components, and content, ensuring a consistent and high-quality prototype.

Quick Start

Use the prototype prompt generator to create a prompt for a mobile e-commerce app using Material Design.

Frequently Asked Questions about prototype-prompt-generator

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

FAQPage Schema
How do I generate UI/UX prototype prompts for AI developers?

To generate UI/UX prototype prompts, you provide high-level user requirements and specify a design system. The tool then transforms these needs into detailed technical specifications, including color palettes, component details, and layout structures for AI or human developers to execute.

Can I use Material Design or iOS Native for mobile app prototype generation?

Yes, you can use Material Design and iOS Native for mobile app prototype generation. The tool supports multiple design systems, including WeChat Work, Material Design, iOS Native, and Ant Design Mobile, ensuring your generated prompts align with specific platform guidelines.

What is the best way to write design system specifications for a mobile feature?

The best way to write design system specifications for a mobile feature is to define the exact layout, colors, components, and content. This approach ensures a consistent, high-quality prototype by providing actionable design guidelines directly to your design team or AI.

Does the prototype prompt generator include color palettes and component details?

Yes, the prototype prompt generator includes color palettes and component details. It creates comprehensive technical specifications that cover layout structures, exact colors, components, and implementation guidelines required for production-ready UI/UX prototypes.

How do I brief a design team on a new mobile app feature using structured prompts?

To brief a design team on a new mobile app feature using structured prompts, you translate high-level needs into comprehensive technical specifications. This specifies exact layouts, colors, components, and content, ensuring consistent and high-quality prototype execution.