Skip to content
Pro is liveSee plans
Deepdoer skills
Works in
Claude CodeCodexCursorGemini CLIOpenCodeKimi Code CLIAntigravityGitHub CopilotHermes Agent
Runs on models
Claude OpusClaude SonnetGPT-5Gemini Pro
Tools
Plain HTML / CSS
Languages
English中文

Similar Skills

View all skills

What you’ll get

  • Landing page with hero, gallery and booking
  • Earth-tone design tokens
  • Alt text for every image slot

Great for

  • Local studios
  • Workshop bookings
  • Portfolio-lite sites

Skip it if

  • Online stores with carts
  • Heavy video backgrounds
  • Multilingual sites

About this Skill

Try saying

/ceramic-studio-landing Landing page for Kiln & Co, a ceramics studio in Lisbon offering weekend workshops.

  1. 1Collect studio name, offering, location and three photos (or placeholders).
  2. 2Choose a serif display face and a humanist sans for body; define 5 earth tokens.
  3. 3Compose hero, 3-up gallery, workshop cards, testimonial and contact.
  4. 4Output clean HTML/CSS with image slots marked for later replacement.
  5. 5Verify mobile layout at 375px and report any overflow.
ceramic-studio-landing/SKILL.md
---
name: ceramic-studio-landing
description: "Warm, tactile landing page for makers and small studios — big type, soft earth tones and a booking section. Use when the user asks for studio landing or similar."
---

# Ceramic Studio Landing

Produces a tactile studio landing page: oversized serif headline, earthy palette, gallery strip, workshop booking section and a map-free contact block.

## When to use

- Local studios
- Workshop bookings
- Portfolio-lite sites

## Workflow

1. Collect studio name, offering, location and three photos (or placeholders).
2. Choose a serif display face and a humanist sans for body; define 5 earth tokens.
3. Compose hero, 3-up gallery, workshop cards, testimonial and contact.
4. Output clean HTML/CSS with image slots marked for later replacement.
5. Verify mobile layout at 375px and report any overflow.

## What you deliver

- Landing page with hero, gallery and booking
- Earth-tone design tokens
- Alt text for every image slot

## Not for

- Online stores with carts
- Heavy video backgrounds
- Multilingual sites

## Quality bar

- State assumptions you made and ask before overwriting existing files.
- Never invent facts, numbers, logos or quotes — use placeholders and say so.
- Follow `references/style-guide.md` for colour and type decisions.
- Finish with a short checklist of what the user should review or replace.

User reviews

—0 reviews

Rate this Skill

Pick a rating to write your review

No reviews yet.

Ratings show up here once real people have tried it. We don’t display scores without the reviews behind them.

FAQ

Can I adapt the system to my own brand?

Yes. Ceramic Studio Landing reads your colours, fonts and tone from the prompt or a brand file, and keeps them consistent across everything it makes.

Can I provide a visual reference?

Yes. Attach a screenshot or link and mention what you like about it. The Skill uses it as direction, not something to copy.

Does generation cost extra?

The Skill itself is free to run. If it calls a third-party generator, the page lists it under “Generates with” and that provider’s usage applies.