Design premium private-banking and wealth-card websites — midnight-gold aesthetic, 3D metal card hero, tier system, yield calculator, quiet-luxury copy.
Design a landing page for AURUM, a fictional digital private bank: midnight-gold aesthetic, 3D metal card hero, membership tiers and a yield calculator.
What you get
- Complete SKILL.md with frontmatter trigger words (English + Chinese)
- references/design-tokens.md — colors, typography, spacing, radii
- references/components.md — Card3D, TierCard, YieldCalc, Stat, Marquee, Accordion, MagneticBtn specs
- references/snippets.md — copy-paste vanilla CSS/JS motion code
- 2 demo landing pages (landing-page.html, membership.html)
Good fit
- indie developers and agencies building fintech, wealth-management or membership-finance landing pages; anyone who needs a quiet-luxury dark aesthetic with real interactive components
Not for
- mass-market payment tools or bright gradient fintech styles (use stripe-style-ui); high-density trading dashboards; real bank brands — all brand names and figures must stay fictional
- Name
- Private Bank UI
- Downloads
- 0
- Category
- Design
- Skills inside
- 1
Download & install
What's new: Initial release: midnight-gold private banking aesthetic — 3D metal card hero, tier system, yield calculator, quiet-luxury copy voice, 2 demo pages.
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 private-bank-ui-v1.0.0.zip -d ~/.claude/skills/private-bank-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 43 exclusive skills.
One subscription unlocks every premium skill, prompt and pack — plus all future drops.
Reviews
Related skills
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
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.
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