加载中...

效率工具

260

线框图一键生成高保真设计稿 | AI设计助手

输入线框图AI自动生成高保真设计稿，保留布局结构并补充配色图片排版细节，适用于App界面H5页面等多种场景。

VintageVibes•4 weeks ago

Prompt Content

以上传的线框图 / 原型图为参考，生成一张高保真设计稿。

设计类型：【运营活动页 / App界面 / H5页面 / 电商详情页 / 官网页面 / 信息图】

要求：
1. 保留原始页面的布局结构、信...

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设计

#原型设计

#ChatGPT

Statistics

Likes

Copies

Views

260

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设计助手 - PromptHub AI提示词库