加载中...

效率工具

197

Bento信息卡片图 Prompt

[Prompt #89]

Prompt Content

你是极具审美的前端设计大师，请为我生成一个基于苹果Liquid Glass设计语言的Bento Grid单页HTML网站，内嵌CSS、JS。这个页面将被截图分享，需要特别优化视觉效果和分享体验。

*...

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

197

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

Bento信息卡片图 Prompt - PromptHub AI提示词库