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.
你能得到
- 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)
适合场景
- 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
不适合
- 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
- 名称
- Private Bank UI
- 下载数
- 0
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: Initial release: midnight-gold private banking aesthetic — 3D metal card hero, tier system, yield calculator, quiet-luxury copy voice, 2 demo pages.
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip private-bank-ui-v1.0.0.zip -d ~/.claude/skills/private-bank-ui/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
喜欢这个免费 skill？Premium 解锁 43 个独家 skills。
一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。
评价
相关技能
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