Art Nouveau UI
SkillStack Official
Build Art Nouveau web pages — whiplash curves, arch frames, stylised florals, muted botanical colour and gold accents — for flower ateliers, salons and brands that want organic elegance. Includes full design tokens, component specs, copy-paste motion snippets, and two working demos: a flower atelier landing page and a bouquet builder.
Use the Art Nouveau UI skill to build an elegant flower atelier landing page with whiplash vines, arch frames and a slow, graceful motion system.
What you get
- A complete Art Nouveau design system: SKILL.md with IP guardrails, workflow and QA checklist; design tokens (parchment, deep botanical green, antique gold, dusty rose); component specs in build order; copy-paste vanilla snippets for reveals, vine draw, marquee, counters, filters and a bouquet builder; plus two working demo pages.
Good fit
- Flower shops and ateliers, botanical brands, tea salons, perfumeries with a floral story, wedding stationers, and boutique hotels with a garden story.
Not for
- Fintech dashboards, developer tools, brutalist or streetwear brands, or anything needing hard precision and dense data tables.
- Name
- Art Nouveau UI
- Downloads
- 0
- Category
- Design
- Skills inside
- 1
Download & install
What's new: v1.0.0 — Art Nouveau design system for organic, elegant pages: whiplash curves, arch frames, stylised florals, muted botanical palette with gold accents, slow motion system with reduced-motion fallback; two demos (flower atelier landing page + bouquet builder, fictional brand Fleur & Vine, original SVG artwork).
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 art-nouveau-ui-v1.0.0.zip -d ~/.claude/skills/art-nouveau-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
Botanical Apothecary UI
Botanical Apothecary UI
Design botanical apothecary skincare websites — warm paper, deep botanical green, herbarium specimen motifs, arch image frames, Fraunces serif + Inter. Includes 10 motion patterns with paste-ready code and two demo pages for a fictional skincare brand.
Claude Code · Codex · Cursor · Copilot +3
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
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
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