HomeStylesTemplates
StyleKit
风格库动效模板
博客更新日志

Prompt Library

UI Design Prompts Library

This is StyleKit's broad-match prompt hub for UI search intent. Start here, then move into more specific landing page, dashboard, Tailwind UI, and dark mode prompt collections for ChatGPT, Claude, Cursor, Claude Code, or v0.

12 topicsUI / landing / dashboardChatGPT / Claude / Cursor / v0

Featured Topics

Search-friendly prompt topics

Dashboard Design Prompts

Structured prompts for analytics dashboards, admin panels, KPI cards, charts, and dense data views.

4 prompts6 styles

Landing Page Design Prompts

Conversion-focused prompts for product launches, SaaS homepages, waitlists, pricing sections, and CTA flow.

4 prompts6 styles

Dark Mode Design Prompts

Dark-first prompts for dashboards, product UIs, media apps, and readable low-light interface systems.

4 prompts6 styles

Glassmorphism Design Prompts

AI prompts for creating frosted glass UI effects with backdrop-blur, transparency, and layered depth.

4 prompts5 styles

Neo-Brutalist Design Prompts

AI prompts for bold, raw, anti-design interfaces with thick borders, hard shadows, no rounded corners, and high-contrast colors.

4 prompts5 styles

Tailwind CSS UI Prompts

Implementation-oriented prompts for React, Tailwind CSS, shadcn/ui, and utility-first component generation.

4 prompts6 styles

AI Tools

Where these prompts work best

ChatGPT / Claude

Best for shaping page structure, visual direction, and richer prompt briefs before implementation.

Cursor / Claude Code

Best for converting prompt briefs into real components, refactors, and code-level UI iterations.

v0

Best for rapid layout generation when your prompt clearly defines sections, hierarchy, and states.

Tailwind-first workflows

Best when you need implementation-ready HTML, React, or Next.js UI with explicit design constraints.

Previews

Example previews and starter templates

Use these templates as structural references, then feed their sections, layouts, and interaction states back into your prompt for more reliable output.

SaaS Landing Page

A reliable starting point for product-led marketing websites and feature-driven UI prompts.

Open template

Documentation Site

Useful for prompts that need navigation density, code blocks, and docs-style hierarchy.

Open template

Minimalist Portfolio

A clean base for portfolio prompts, case-study layouts, and service-led websites.

Open template

Dashboard with Charts

Helpful when a prompt needs KPI cards, charts, and a more product-like interface.

Open template

Need a more specific prompt category?

Start with landing pages, dashboards, Tailwind UI, or dark mode if your search intent is already narrow. Specific prompt pages usually outperform generic briefs in both AI output quality and search clarity.

Landing Page PromptsDashboard PromptsTailwind UI PromptsDark Mode UI Prompts

StyleKit

精选网页设计风格库,帮助 AI 生成更好看的网站。

导航

风格库模板指南博客更新日志

资源

UI 设计提示词落地页提示词Dashboard 提示词Tailwind UI 提示词暗黑模式提示词GitHub 仓库

保持更新

订阅即表示您同意我们的 隐私政策 和 服务条款。


(c) 2026 StyleKit. 开源项目。

关于联系与支持隐私政策服务条款基于 Editorial 风格构建