Preview gallery
关于这个 Skill
适合体育俱乐部、工作室或场地的高级多页面网站：白色圆角外壳，淡蓝色框架，天空和球场照片英雄，带有实时快速预订栏，海军特色卡，一致的教练肖像和两个白色计划之间的蓝色会员卡。项目、教练和活动都有自己的详细信息页面，预订、加入、球场平面图、时间表和计划查找器都会在访客使用时做出响应。
Picked most often by
About this Skill
描述您的俱乐部、项目、教练和计划，并获得一个完整的网站：白色圆角外壳、带有快速预订栏的天空和球场照片英雄、海军特色卡、一致的教练肖像和蓝色会员亮点。它作为一个独立的文件提供，可以在任何浏览器中打开并离线工作。
What you get
- 完整的页面系列：项目、教练和活动，有自己的详细信息页面、会员资格、加入、设施、关于、预订、联系方式、政策和设计的 404
- 一个快速预订吧，可以实时回答并将选择交给预订页面，以及交互式法庭场地平面图
- 包含剩余名额和候补名单的每周时间表、计划查找器、计费切换和比较表
- 具有内联验证、加载和成功状态的预订、加入、活动、联系方式和新闻通讯表单
- 根据要求，在您自己的堆栈中构建相同的设计作为组件和路由
如何使用
- 分享您的俱乐部名称、场地、项目、教练、计划、价格和时间表；粗略记录就足够了，草拟的事实已列出供您确认
- 提供您自己的照片，或者让它生成一组匹配的照片，其中每个项目、教练和活动都有一个主题
- 在浏览器中打开完成的文件，单击每个页面并用简单的文字询问更改
新照片是使用智能体的图像工具生成的，可能会产生该工具的使用费。字体和图像嵌入到完成的文件中。
What you need before you start
- You bring
- 俱乐部或场地名称、地点和简短介绍 · 节目、教练、价格计划、时间表和您需要的页面 · 您拥有的照片，或生成新匹配集的许可
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent, or your own photos, for venue, program, coach and event images
- Outside costs
- 新照片是使用智能体自己的图像工具生成的，这可能会产生该工具的使用费。您拥有的照片不需要任何费用，并且示例中的一些中立的球场和休息室照片可以由球拍场地重复使用。
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 一个完整的俱乐部网站，位于一个独立的 HTML 文件中，可以离线打开； Cirrus Racquet Club 示例有 24 条连接路线，包括节目、教练和活动详细信息页面
- 预订和会员工具：实时快速预订栏、交互式球场平面图、剩余场地时间表、计划查找器、计费切换、教练可用性以及预订和加入流程
- 每张照片都有一个艺术指导，匹配教练肖像、Figtree 和 Geist Mono 类型，并根据要求移植到您自己的框架中
Good fit
- 出售会员资格、课程和可预订时间的网球、板球、游泳、高尔夫、瑜伽和健身俱乐部或工作室
- 需要连接项目、教练、活动、设施和预订页面的场馆，而不仅仅是主页
- 现在想要一个独立站点，或者在 Next.js、React、Vue 或 Astro 中构建相同设计的团队
Not for
- 现成的后端：预订、注册和付款在页面上确认，并明确表示没有任何预订或收费
- 想要深色或插图外观的品牌：设计依赖于明亮的天空和宫廷摄影
- 想要落下核心构图的项目：圆角外壳、照片英雄、海军卡、蓝色会员卡是设计
品牌识别和视觉系统网页设计和数字体验构建登陆页面Style-lockedEditable Output英雄Coach法庭会员资格
User reviews
Loading reviews…
