Healthcare Calm UI preview 1
1 / 3
Live demo
Open the actual demo page in a new tab — click, hover and scroll it for real.
Open demo
FreeFeaturedv1.0.0

Healthcare Calm UI

SkillStack Official

Design warm, trustworthy healthcare and wellness websites — telehealth clinics, family practices, mental-health studios. Cream paper backgrounds, deep emerald trust greens, serif-italic headlines, floating stat badges, doctor cards, booking flows.

Works withClaude CodeCodexCursorCopilotGemini CLIWindsurfCline
Try it

Design a telehealth clinic landing page with the Healthcare Calm UI skill — cream paper background, deep emerald trust accents, serif-italic headline, floating stat badges, doctor cards, and a warm appointment booking flow.

What you get

  • A complete Healthcare Calm UI design system: cream paper backgrounds, deep emerald trust greens, and warm neutral palettes with ready-to-use color tokens
  • Serif-italic headline styles, calm body typography scales, and accessible contrast pairings for healthcare readability
  • Floating stat badges, trust-signal components, doctor profile cards, and service listings for clinics and practices
  • Booking flow templates: appointment scheduling screens, telehealth visit flows, and confirmation states
  • Landing page demos for telehealth clinics, family practices, and mental-health studios

Good fit

  • Telehealth clinics, family practices, dental studios, and mental-health practices that want a warm, trustworthy web presence
  • Designers and developers building patient-facing booking and intake flows
  • Teams that need calm, credible healthcare aesthetics without clinical coldness

Not for

  • High-energy marketing sites, dark-mode gaming aesthetics, or edgy brutalist designs
  • Projects needing a full EHR or HIPAA-compliant backend — this is a front-end design system only
  • Non-healthcare brands looking for generic corporate templates
Name
Healthcare Calm UI
Downloads
0
Category
Design
Skills inside
1

Download & install

v1.0.0Updated 10/13/2026 · 1.3 MB · 13 files

What's new: Initial release: Healthcare Calm UI — telehealth/ clinic design system with landing + booking demos

Sign in to download

Free for signed-in users.

1. Download the ZIP

Use the button above to download the packaged skill. It contains the SKILL.md plus all supporting files.

2. Unzip into your agent's skills folder

Extract the archive so that SKILL.md sits directly inside a folder named after the skill:

unzip healthcare-calm-ui-v1.0.0.zip -d ~/.claude/skills/healthcare-calm-ui/
Skills folder per agent
Claude Code
~/.claude/skills
Cursor
~/.cursor/skills
Codex
~/.codex/skills
GitHub Copilot
~/.copilot/skills

3. Restart your agent

Your agent picks up the new skill automatically on next launch. Ask it what it can do.

Like this free skill? Premium unlocks 33 exclusive skills.

One subscription unlocks every premium skill, prompt and pack — plus all future drops.

See Premium →

Reviews

No reviews yet — be the first to rate this skill.

Related skills

FreeFeatured

Stripe-Style UI Design

Stripe-Style UI Design

Fintech-grade marketing pages in a gradient-mesh language — luminous white canvas, animated warm-to-cool gradient hero band, thin 300-weight display type with tight tracking, one indigo action color, near-square geometry, deep-navy dashboard mocks. Build fintech landing pages, pricing pages, and API/developer marketing with financial-infrastructure polish.

Claude Code · Codex · Cursor · Copilot +3

Design
FreeFeatured

Editorial Magazine UI

Editorial Magazine UI

Design print-magazine-style landing pages — oversized serif headlines, ruled columns, drop caps, pull quotes and a single printer's-ink accent. Use when the user asks for editorial / magazine-style landing pages or brand sites.

Claude Code · Codex · Cursor · Copilot +3

Design
FreeFeatured

Aurora-Glass UI Design

Aurora-Glass UI Design

Dark, high-motion landing pages in the aurora-glass language — drifting multi-color aurora gradients, frosted-glass cards, glow CTAs, mouse parallax, canvas waveforms. Ships tokens, components, snippets, and an animated Prismwave demo.

Claude Code · Codex · Cursor · Copilot +3

Design
FreeFeatured

Wabi-Sabi Japanese Minimal UI

Wabi-Sabi Japanese Minimal UI

A wabi-sabi Japanese-minimal design skill for AI agents: warm handmade-paper backgrounds, soft ink typography, one vermillion seal accent, generous negative space (ma), and quiet asymmetric layouts. Includes design tokens, component specs, paste-ready snippets, IP guardrails, and copy-voice guides (EN + 中文).

Claude Code · Codex · Cursor · Copilot +3

Design