加载中...

UI界面

372

AI UI设计大师：玻璃拟态HTML原型模板

作为顶级的AI UI/UX设计专家，本提示词模板能助你快速生成像素级完美、高度仿真、可交互的玻璃拟态风格HTML原型。融合HTML、Tailwind CSS与FontAwesome，轻松实现高级UI设计与前端代码一体化，提升开发效率。

RoseGold•9 months ago

Prompt Content

你是一位顶级的 APP UI/UX 设计专家，现需根据以下产品需求创建 UI 方案，并直接生成可交付的 HTML 完整代码。你需要像一名经验丰富的设计师一样思考，运用 **HTML + Tailwin...

How to Use This Prompt

Select AI platform, auto-copy prompt and redirect:

Detailed Steps

Click AI platform button above

• Prompt will be auto-copied to clipboard

• Opens corresponding AI platform

Paste in AI platform

• Press Ctrl+V (Mac: Cmd+V) to paste

• Adjust content as needed

• Send to AI for results

What is a Prompt?

A prompt is an instruction or question when chatting with AI. A good prompt helps AI understand your needs better and generate more accurate responses.

How to Use Prompts?

Copy the prompt, paste it into ChatGPT, Claude or other AI chat boxes, and AI will generate content based on the prompt. You can adjust parameters as needed.

Usage Tips

•Modify prompt content based on your actual needs
•Try multiple times for best results
•Replace variables in prompts (e.g. [brand], [color], etc.)

Or manually:

Related Tags

#UI

#APP

#deepseek

#gemini

#cursor

#cluade

Statistics

Likes

Copies

Views

372

Quick Actions

导出为 Claude Code Skill

将此提示词转换为 Claude Code Skill，在命令行中使用

📖 安装指南

1. 下载 ZIP 文件

点击上方"导出为 Skill (ZIP)"按钮

2. 解压到 Skills 目录

macOS / Linux:

unzip skill-name.zip -d ~/.claude/skills/

Windows (PowerShell):

Expand-Archive skill-name.zip -DestinationPath $env:USERPROFILE\.claude\skills\

3. 验证安装

# 列出所有已安装的 Skills
ls ~/.claude/skills/

# 应该看到：
# skill-name/
#   └── SKILL.md

4. 使用 Skill

# 在 Claude Code CLI 中调用
/skill-name

注意: Claude Code Skills 仅在 CLI 环境中可用，不支持浏览器端使用

Smart Recommendations

AI UI设计大师：玻璃拟态HTML原型模板 - PromptHub AI提示词库