home/writing/readme-ui-prompts

Readme ui Prompts

GPTClaudeGemini··▲ 369 copies·updated 2026-07-14

readme-ui-prompts.prompt

# UI Prompts

* **Author**: [Karo Zieminski](https://karozieminski.substack.com/)

* **Last Updated**: November 2025

---

## 100 Most Common UI Elements For Vibecoders

A collection of prompts used to operationalize prompt and file generation:

* [100 Most Common UI Elements For Vibecoders](https://karozieminski.substack.com/p/prompt-pack-100-most-common-ui-elements-for-vibecoding) - A database cataloging 100+ common UI elements with ready-to-use vibecoding prompts for each one. It’s essentially a prompt library specifically designed for building interfaces with AI.

---

### Structure of Each Entry

* UI Element name (Button, Text Input, Modal, Chat Message, etc.)

* Category (Navigation, Input, Display, Feedback, Layout, Media, Interactive, Data)

* Description (what the element does)

* Complexity (Simple/Medium/Complex)

* Backend Required (Yes/No)

* Database Required (Yes/No)

* Vibecoding Prompt - Detailed, structured prompts covering frontend, backend, and database considerations

---

### Example

**Text Input Field**

when to use it

Community prompt sourced from the open-source GitHub repo karozi/Awesome-Vibecoding-and-Speccoding-Resources (no explicit license). A "Readme ui Prompts" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.