# Prompts for Design Prompts for Design: what each one does, an install command and example prompts. 11 cards - HTML: https://affpapa.org/en/nevibecode/prompts/topic/design - Instructions for agents: https://affpapa.org/en/nevibecode/agents.md - [CSS taste](https://affpapa.org/en/nevibecode/prompts/css-taste.md) — prompt · f · ChatGPT, Claude.ai · ★ 174676 — Guides LLMs to write clean frontend code using Tailwind utility classes, CSS custom property tokens, and WCAG AA accessibility standards. - [Claude Web Page Redesign Planning Prompt](https://affpapa.org/en/nevibecode/prompts/claude-web-page-redesign-planning-prompt.md) — prompt · hakanak54@gmail.com · ChatGPT, Claude.ai · ★ 174676 — A prompt that makes the model audit the current markup and code first, then hand back a redesign plan in markdown. - [Vibe Coding with Commands and Skills](https://affpapa.org/en/nevibecode/prompts/vibe-coding-with-commands-and-skills.md) — prompt · amvicioushecs · ChatGPT, Claude.ai · ★ 174676 — Configures the model as a vibe coding assistant with slash commands and design skills. - [Tistory Blog Skin UI/UX Enhancement Pipeline](https://affpapa.org/en/nevibecode/prompts/tistory-blog-skin-uiux-enhancement-pipeline.md) — prompt · inhyoe · ChatGPT, Claude.ai · ★ 174676 — Upgrades a Tistory Poster blog skin into a polished layout with a reading progress bar, floating table of contents, and dark sidebar styling. - [Predictive Eye Tracking Heatmap Generator](https://affpapa.org/en/nevibecode/prompts/predictive-eye-tracking-heatmap-generator.md) — prompt · ilkerulusoy · ChatGPT, Claude.ai · ★ 174676 — A prompt that turns a UI screenshot into a thermal heatmap: where the eye lands, and what gets scrolled past. - [Diagram Generator](https://affpapa.org/en/nevibecode/prompts/diagram-generator.md) — prompt · philogicae · ChatGPT, Claude.ai · ★ 174676 — Transforms the chatbot into a Graphviz DOT generator. - [SVG designer](https://affpapa.org/en/nevibecode/prompts/svg-designer.md) — prompt · emilefokkema · ChatGPT, Claude.ai · ★ 174676 — Sets the model to design SVG graphics, convert the code into a base64 data URL, and return only a markdown image tag without extra text. - [Ascii Artist](https://affpapa.org/en/nevibecode/prompts/ascii-artist.md) — prompt · sonmez-baris · ChatGPT, Claude.ai · ★ 174676 — Instructs the chatbot to act as an ASCII artist and render named objects inside a code block. - [Web Design Consultant](https://affpapa.org/en/nevibecode/prompts/web-design-consultant.md) — prompt · devisasari · ChatGPT, Claude.ai · ★ 174676 — A web design consultant prompt: describe an organization and its site, and the model proposes an interface and features that serve its business goals. - [UX/UI Developer](https://affpapa.org/en/nevibecode/prompts/uxui-developer.md) — prompt · devisasari · ChatGPT, Claude.ai · ★ 174676 — This prompt turns a chat into a UX/UI developer: describe your product and get ideas for improving the user experience. - [refine_design_document](https://affpapa.org/en/nevibecode/prompts/refine-design-document.md) — prompt · danielmiessler · ★ 44450 — Reworks an architecture document from review feedback and returns the revised version as valid Markdown. ## Refine [ui](https://affpapa.org/en/nevibecode/tag/ui.md) · [ux](https://affpapa.org/en/nevibecode/tag/ux.md) · [markdown](https://affpapa.org/en/nevibecode/tag/markdown.md) · [css](https://affpapa.org/en/nevibecode/tag/css.md) · [ui-ux](https://affpapa.org/en/nevibecode/tag/ui-ux.md) · [architecture](https://affpapa.org/en/nevibecode/tag/architecture.md) · [debugging](https://affpapa.org/en/nevibecode/tag/debugging.md) · [design-tokens](https://affpapa.org/en/nevibecode/tag/design-tokens.md) · [diagrams](https://affpapa.org/en/nevibecode/tag/diagrams.md) · [fabric](https://affpapa.org/en/nevibecode/tag/fabric.md) · [svg](https://affpapa.org/en/nevibecode/tag/svg.md) · [tailwind](https://affpapa.org/en/nevibecode/tag/tailwind.md) ## Narrow this list Parameters: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — values in https://affpapa.org/en/nevibecode/agents.md --- NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md