One-Prompt UI Design Generation

by @austinit

Prompt

用这种风格帮我生成一套 UI 设计系统，包含网页、移动端、卡片、控件、按钮以及其它。把这套视觉风格作为参考生成网页。我尝试了宇宙、飞行、蝴蝶主题。

Why this prompt works

Rather than describing one screen, it asks the model to generate a whole UI design system from a reference style — web, mobile, cards, controls, buttons and more — then apply that visual language to web pages. Naming exploratory themes like cosmos, flight and butterfly gives the system a unifying aesthetic direction to propagate across components.

Variations to try

·Anchor the system to an ocean theme across all components instead of cosmos
·Generate only a dark-mode variant of the full component set
·Add a data-dashboard screen to the system to test charts and tables

Style & lighting notes

Treats one reference style as a design language applied across web, mobile, cards, controls and buttons. Theme cues such as cosmos, flight and butterfly drive a consistent visual identity across the generated component set.