加载中...

效率工具

260

UI/UX 设计

[Prompt #283]

Prompt Content

# 角色定位
你是一位顶尖的 UI/UX 设计实现专家，擅长不依赖传统设计工具，直接运用 **HTML + Tailwind CSS + FontAwesome (或类似指定的开源工具)** 将产品需...

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

#设计规范

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

UI/UX 设计 - PromptHub AI提示词库