Skeuomorphic Craft UI
SkillStack Official
Build skeuomorphic craft web pages — stitched leather, solid brass, deckled paper, and walnut wood, lit from one top light, with buttons that visibly press, dials that turn, and pages that flip. Teaches a restrained material system (max 3 materials per viewport) for stationery, desk goods, and workshop brands, with exact tokens, component specs, and copy-paste snippets.
Build a landing page in skeuomorphic craft style for a leather notebook brand, with a stitched leather hero, brass pressable buttons, and a configurator that recomputes the price.
What you get
- A complete original skill: SKILL.md with IP guardrails, workflow, design tokens, components, motion, copy voice, QA checklist and anti-patterns, plus three reference files (design-tokens, components, snippets) and two working demo pages.
Good fit
- Stationery, desk goods, leather goods, pen, and workshop brands that want their products to feel touchable; landing pages where the proof is material (stitch counts, paper weights, brass finishes).
Not for
- Flat tech SaaS, bright future-tech, dark neon nightlife, or dense data dashboards where decoration would bury the data.
- Name
- Skeuomorphic Craft UI
- Downloads
- 0
- Category
- Design
- Skills inside
- 1
Download & install
What's new: v1.0.0 — Skeuomorphic craft system: stitched leather, brass, paper, walnut tokens; pressable buttons, rotary dial, toggle switch, page-flip hero; two demo pages (Ledger & Oak landing page and notebook workshop configurator).
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 skeuomorphic-ui-v1.0.0.zip -d ~/.claude/skills/skeuomorphic-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.
Reviews
Related skills
taste-skill
Leonxlnx/taste-skill
Taste-Skill - gives your AI good taste. Stops the AI from generating boring, generic slop.
archify
tt-a1i/archify
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams.
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
Swiss Type UI
Swiss Type UI
Swiss International Typographic Style web UI skill: strict 12-column grids, black-white-signal red palette, one neo-grotesque typeface with typographic scale contrast, and hairline rules. Precision-first layouts for SaaS, data products, docs sites and portfolios.
Claude Code · Codex · Cursor · Copilot +3