已验证 · 可安装 Agent Skill
SKILL.md + .skill把这套 方法 装进 你的 Agent。
npx skills add LearnPrompt/goodcase-lite --skill interactive-tool-simulation --global --copy --yes --full-depthGoodCase 官方 Skill · 跨作者通用方法
让 AI 写出能操作的小工具、仪表盘或仿真,而不是展示型页面。
6 Cases · 6 位作者 · AI 编程(UI) · 最近例证 2026/09/08



已验证 · 可安装 Agent Skill
SKILL.md + .skillnpx skills add LearnPrompt/goodcase-lite --skill interactive-tool-simulation --global --copy --yes --full-depth方法骨架
作者实践
同一通用方法下的作者实践,包括尚未在目录上架的版本。
暂无创作者版本。
作者证据
Case 证据

提示语
构建一个 MuJoCo 环境,并编写控制器,让带有五指机械手的机械臂绘制 Picasso 的鸽子

一个非常简单的高级提示,用于使用 Gemini 设计一个 CapCut(剪映)风格的视频编辑应用程序界面。
提示语
设计一个 {argument name="app_name" default="CapCut"}。

一个日文提示,要求 Gemini 生成 40 个浅蓝色线条风格的简单、多功能 SVG 图标,并为每个图标提供下载按钮。
提示语
シンプルで汎用性が高いアイコン{argument name="icon_count" default="40"}種類をSVG形式で生成してください。必ずCanvasに描画がしてください。色は{argument name="icon_color" default="ライトブルー"}。背景は{argument name="background_color" de
十六个词的极简提示,只说要写一段可视化单行道红绿灯逻辑加随机车流的 Python 代码,没有指定任何视觉细节,模型要自己判断这个需求需不需要图形界面,是测试模型自主判断能力而不是测试提示词技巧的经典案例。
提示语
写一段 Python 代码,可视化单行道上红绿灯的工作原理,车辆以随机速率进入。
@CryptoEights 使用 Gemini 3.1 · React · Framer Motion完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
用于构建 F1 Dashboard 的 Prompt: "使用 React、Tailwind CSS 和 Framer Motion 构建一个电影感、高端的 Formula 1 实时数据面板。设计应暗色、沉浸,并具有专业广播叠加层的感觉。 1. 布局与背景: 将背景设置为全屏、循环、静音的真实 F1 赛车在赛道上行驶的视频(使用此视频 URL:)。 在视频上叠加从顶部由黑色过渡到透明的深色渐变,并从底部加入红色径向渐变,模拟底部泛光效果。 使用深色主题(bg-[#0a
提示语
创建一个高保真、可交互的 Web 应用,把醒目的租金价格转换为真实月度成本和真实年度成本。 ## 核心理念 用户经常只看到房源标价并比较月租,却忽略押金、中介费、水电费、入住费用和通勤。这个计算器要以清晰、略带现实检验感的语气揭示真实成本。 ## UX 目标 * 使用快速、没有杂乱内容、适合移动端 * 输入方式像真实租房场景 * 输出立即易懂,并透明展示明细 * 语气:冷静、实用、略带机智,从不评判用户 ## 布局 单页、3 个区块,桌面端固定结果卡片: 1. 房源基
Skill 是派生阅读层,所有判断都必须能回到已发布 Case。