
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的俱乐部网站,打包成一个自包含的 HTML 文件,离线即可打开;Cirrus Racquet Club 示例有 24 个互相连通的路由,包括课程、教练和赛事详情页
- 预订与会员工具:实时快速订场条、可交互的球场平面图、显示余位的课程表、选套餐小工具、计费切换、教练空闲时段,以及预订和入会流程
- 所有照片统一一种摄影风格,教练肖像构图一致,使用 Figtree 和 Geist Mono 字体,按需移植到你自己的框架
适合
- 销售会员、课程和可预订时段的网球、板式网球、游泳、高尔夫、瑜伽和健身俱乐部或工作室
- 需要课程、教练、赛事、设施和预订页面互相连通,而不只是一个首页的场馆
- 想先拿到独立网站,或用 Next.js、React、Vue 或 Astro 实现同一套设计的团队
不适合
- 现成的后端:预订、注册和付款只在页面内确认,并明确告诉访客没有真正预约或扣费
- 想要深色或插画风格的品牌:这套设计依赖明亮的天空与球场摄影
- 想去掉核心构图的项目:圆角外壳、照片 Hero、海军蓝卡片和蓝色会员卡本身就是这套设计
品牌建立与视觉规范网站与数字体验制作落地页风格锁定成果可编辑HeroCoachCourtMembership
适合做落地页
关于此 Skill

描述你的俱乐部、课程、教练和套餐,就能拿到一套完整网站:白色圆角外壳、配快速订场条的天空与球场照片 Hero、海军蓝功能卡片、风格一致的教练肖像和醒目的蓝色会员卡。交付物是一个自包含文件,任何浏览器都能打开,离线可用。

你将获得
- 整套页面:课程、教练和赛事各有详情页,另有会员、入会、设施、关于、预订、联系、政策和精心设计的 404
- 实时给出结果并把选择带到预订页的快速订场条,以及可交互的球场平面图
- 显示余位和候补的每周课程表、选套餐小工具、计费切换和对比表
- 预订、入会、赛事报名、联系和订阅表单,都带即时校验、加载和成功状态
- 按需在你自己的技术栈里以组件和路由实现同一套设计

如何使用
- 提供俱乐部名称、场馆、课程、教练、套餐、价格和时间表;粗略笔记即可,起草的事实会列出供你确认
- 提供你自己的照片,或让它为每个课程、教练和赛事生成一张风格一致的照片
- 在浏览器里打开成品文件,逐页点一遍,用大白话提修改

新照片由你的 Agent 用其图像工具生成,可能产生该工具的使用费用。字体和图片都已内嵌在成品文件中。
开始前需要准备什么
- 你需要提供
- 俱乐部或场馆名称、位置和一段简介 · 课程、教练、带价格的套餐、时间表,以及需要的页面 · 你拥有的照片,或同意生成一套风格一致的新照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 中可用的图像生成工具,或你自己的照片,用于场馆、课程、教练和赛事图片
- 外部成本
- 新照片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费用。使用你自己的照片不产生费用,示例中几张中性的球场和休息室照片也可供球拍类场馆继续使用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









