Teach your AI agent to design like Vercel: monochrome palette, oversized tight typography, hairline borders, subtle gradient glows and grid textures. Ships with design tokens, copy-paste components, and a complete example landing page.
Design a Vercel-style landing page for my CLI tool that converts YAML to dashboards
你能得到
- Vercel's design language distilled into actionable rules
- Copy-paste design tokens (colors, type scale, glows, grid textures)
- 8 production-ready components: nav, hero, feature grid, code window, CTA, footer
- A complete example landing page built with the skill
适合场景
- SaaS / developer-tool landing pages
- Marketing sites that need a minimal black-and-white aesthetic
不适合
- Colorful, playful brand styles
- 名称
- Vercel-Style UI Design
- 下载数
- 1
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: Fix light-mode tokens: page bg is #fafafa (not pure white), text #171717, hairline #ebebeb — per Vercel's actual Geist values
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip vercel-style-ui-v1.0.1.zip -d ~/.claude/skills/vercel-style-ui/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
版本历史 (2)
- v1.0.12026/10/2 · 12.5 KB · 6 个文件
Fix light-mode tokens: page bg is #fafafa (not pure white), text #171717, hairline #ebebeb — per Vercel's actual Geist values
- v1.0.02026/10/2 · 12.4 KB · 6 个文件
Initial release: SKILL.md + design tokens + 8 components + example landing page