Skyline Developer Journal
+6Sky Sports Club Landingv1.0.2
Use this Skill to build landing page.
Rising
5.013 downloads1 likes0 saves
$4.99
What do I get when I buy this Skill?A premium multi-page site for a sports club, studio or venue: a white rounded shell on a pale court-blue frame, a sky-and-court photo hero with a live quick-booking bar, navy feature cards, consistent coach portraits and a blue membership card between two white plans. Programs, coaches and events each get their own detail pages, and booking, joining, the court site plan, the timetable and the plan finder all respond as visitors use them.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills+6
What you get
- A complete club website in one self-contained HTML file that opens offline; the Cirrus Racquet Club example has 24 connected routes, including program, coach and event detail pages
- Booking and membership tools: a live quick-booking bar, interactive court site plan, timetable with places left, plan finder, billing toggle, coach availability and booking and join flows
- One art direction for every photo, matching coach portraits, Figtree and Geist Mono type, and a port into your own framework on request
Good fit
- Tennis, padel, swim, golf, yoga and fitness clubs or studios that sell memberships, classes and bookable time
- Venues that need programs, coaches, events, facilities and booking pages connected, not just a homepage
- Teams who want a standalone site now, or the same design built in Next.js, React, Vue or Astro
Not for
- A ready-made backend: bookings, sign-ups and payments confirm on the page and say plainly that nothing was reserved or charged
- Brands that want a dark or illustrated look: the design relies on bright sky and court photography
- Projects that want to drop the core composition: the rounded shell, photo hero, navy cards and blue membership card are the design
Brand IdentityDigital Publications & Web PagesBuild Landing PageStyle-lockedEditable OutputHeroCoachCourtMembership
About this Skill
Describe your club, programs, coaches and plans, and get back a complete website: a white rounded shell, a sky-and-court photo hero with a quick-booking bar, navy feature cards, consistent coach portraits and a blue membership highlight. It arrives as one self-contained file that opens in any browser and works offline.
What you get
- A full page family: programs, coaches and events with their own detail pages, memberships, join, facilities, about, booking, contact, policies and a designed 404
- A quick-booking bar that answers live and hands its choice to the booking page, plus an interactive court site plan
- A weekly timetable with places left and waitlists, a plan finder, a billing toggle and a comparison table
- Booking, join, event, contact and newsletter forms with inline validation, loading and success states
- On request, the same design built as components and routes in your own stack
How to use it
- Share your club name, venue, programs, coaches, plans, prices and schedule; rough notes are enough, and drafted facts are listed for you to confirm
- Provide your own photos, or let it generate a matching set with one subject per program, coach and event
- Open the finished file in your browser, click through every page and ask for changes in plain words
New photos are generated with your agent's image tool, which may carry that tool's usage charges. Fonts and images are embedded in the finished file.
What you need before you start
- You bring
- Club or venue name, location and a short introduction · Programs, coaches, plans with prices, the schedule and the pages you need · Photos you own, or permission to generate a new matching set
- 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
- New photos are generated with your agent's own image tool, which may incur that tool's usage charges. Photos you own cost nothing, and a few neutral court and lounge shots from the example can be reused by racquet venues.
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…