UI-Prompt
starsforks
How to install UI-Prompt?
tonnywong1052/ui-prompt
$git clone https://github.com/TonnyWong1052/UI-PromptOnline Demo : https://www.uiprompt.site
README.md
| 1 | # UI Style Prompt |
| 2 | |
| 3 | Online Demo : https://www.uiprompt.site |
| 4 | |
| 5 |  |
| 6 | |
| 7 | ## 🧭 Project Purpose |
| 8 | |
| 9 | Many people directly generate websites using AI (such as Claude Code, Codex, Augment, etc.), and the results often have a strong "AI style". This project aims to solve this pain point: we provide well-designed and battle-tested Prompt templates that you can paste into any AI to quickly generate cleaner, more usable, and consistent UIs. |
| 10 | |
| 11 | - Problem: AI-generated UIs tend to be similar and lack design language. |
| 12 | - Solution: Drive stable "AI → UI" output through "Style Cards + Bilingual Prompt Templates + One-Click Copy + Instant Preview". |
| 13 | - Goal: Help you quickly build high-quality UIs, reduce the "AI look", and maintain style controllability and maintainability. |
| 14 | |
| 15 | --- |
| 16 | |
| 17 | ## ✨ Features |
| 18 | |
| 19 | - **Styles**: Provides UI design style website templates, e.g., Flat Design, Minimalism |
| 20 | - **Components** (Prompt incomplete + many bugs): Provides reusable UI component templates, e.g., Navigation, Modal Dialogs, Loading Skeletons, etc. |
| 21 | - **Layout** (Incomplete): Provides functionality that allows users to drag and drop components to compose basic webpage design layouts, thereby generating AI prompts about layout arrangements |
| 22 | |
| 23 | --- |
| 24 | |
| 25 | ## 🚀 Quick Start |
| 26 | |
| 27 | ### Install Dependencies |
| 28 | ```bash |
| 29 | npm install |
| 30 | ``` |
| 31 | |
| 32 | ### Start Development Server |
| 33 | ```bash |
| 34 | npm run dev |
| 35 | ``` |
| 36 | |
| 37 | Visit: **http://localhost:1000/** |
| 38 | |
| 39 | --- |
| 40 | |
| 41 | ## 📋 Todo List |
| 42 | |
| 43 | - [ ] i18n issue in Style and component page |
| 44 | - [ ] Too much issue in Component page |
| 45 | - [ ] More UI Style HTML preview |
People who liked this also viewed
6 picksType
- LangGPTLangGPT: Empowering everyone to become a prompt expert! 🚀 📌 结构化提示词（Structured Prompt）提出者 📌 元提示词（Meta-Prompt）发起者 📌 最流行的提示词落地范式 | Language of GPT The pioneering framework for structured & meta-prompt design 10,000+ ⭐ | Battle-tested by thousands of users worldwide Created by 云中江树PromptsJul 2026
- claude-design-system-promptReverse-engineered system prompt and skill library that turns an LLM into an opinionated, accessibility-aware, AI-slop-resistant design collaborator.PromptsJul 2026
- ChatGPT-MidJourney-promptThis is a ChatGPT based prompt generation model for MidJorney. The purpose of this model is to simplify the creation of images and increase their creativity. By introducing a partial hint, ChatGPT creates a follow-up that can be used to stimulate creativity and provide new ideas.PromptsMay 2026
- img-prompt🎨 AI Image Prompt Generator with 5000+ prompts in 18 languages. Create perfect prompts fin your native language. 极简的图像提示词编辑器PromptsJul 2026
- oh-my-cover-design用Agent自动生成小红书爆款封面PromptsMay 2026
- Simple_Prompt_GeneratorA user-friendly tool for generating high-quality text prompts for AI image generation models like Midjourney, DALL-E, Stable Diffusion, and more. Our Hugging Face demo attracts over 2,500 users monthly!PromptsJul 2025
