加载中...

效率工具

331

AI生成UI-轻拟物风格

[Prompt #289]

Prompt Content

你是一位资深APP UI设计师，现需根据以下产品需求创建UI方案，最终生成HTML完整代码：
## 产品需求：
应用类型：显化应用

## 技术规格：
单个HTML每行为4个横向排列的页面预览，可以有...

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:

Statistics

Likes

Copies

Views

331

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-轻拟物风格 - PromptHub AI提示词库