Alpine Lodge 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

Alpine Lodge UI

SkillStack Official

Build alpine lodge web pages — warm cream paper, deep pine green, timber brown, and one ember accent; peaked-roof marks, pine sprigs, timber rules, and a single landscape panel per viewport. For mountain outfitter, ski, and outdoor brand pages.

Works withClaude CodeCodexCursorCopilotGemini CLIWindsurfCline
Try it

Build me an alpine lodge landing page for a mountain gear shop, with a landscape hero, a filterable gear collection, and an altitude slider that recomputes temperature and snowpack.

What you get

  • SKILL.md with IP guardrails, workflow, design tokens, components, motion, copy voice, QA checklist and anti-patterns, plus references/design-tokens.md, references/components.md, references/snippets.md, and two working demo pages (a mountain outfitter landing page with gear filter, altitude lab and FAQ, and a jacket configurator).

Good fit

  • Mountain outfitter, ski shop, guided-tours outfit, cabin brand, or outdoor apparel store pages that want warmth and altitude, not techwear neon.

Not for

  • Coastal or desert hospitality, lowland pastoral pages, bright future-tech pages, or dark neon nightlife pages.
Name
Alpine Lodge UI
Downloads
1
Category
Design
Skills inside
1

Download & install

v1.0.0Updated 11/2/2026 · 19.0 KB · 8 files · 1 downloads

What's new: v1.0.0 — Alpine lodge design language (cream paper, pine green, timber, ember accent), two demos: Alderpeak mountain outfitter landing page and jacket configurator, pure hand-drawn SVG, no photos.

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 alpine-lodge-ui-v1.0.0.zip -d ~/.claude/skills/alpine-lodge-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 77 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

Free

Timber Lodge PPT Template

Timber Lodge PPT Template

A hand-polished 12-page PowerPoint template for alpine lodge annual reviews — replace text only, the layout never breaks.

Claude Code · Codex · Cursor · Copilot +3

Design
FreeFeatured
91.3k

taste-skill

Leonxlnx/taste-skill

Taste-Skill - gives your AI good taste. Stops the AI from generating boring, generic slop.

Design
FreeFeatured
74.5k

archify

tt-a1i/archify

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams.

Design
FreeFeatured

PPT Design

PPT Design

Design and generate pitch-grade PowerPoint decks with python-pptx — 3 original themes, 10 slide-type layouts, slide copy rules, and chart patterns. Download includes a ready-to-run generator script and an 8-slide sample deck.

Claude Code · Codex · Cursor · Copilot +3

Design