podo/design-agent-skills146 installs

vercel-skills

Q: How do I install this agent skill?

Run npx skills add https://github.com/podo/design-agent-skills --skill vercel-skills.

Q: Is this agent skill safe to install?

Review the displayed partner audits, complete source, permissions, dependencies, and exact revision before installing.

4 official Vercel skills for web design guidelines, component building, React performance, and composition patterns. Enforces 100+ Web Interface Guidelines and accessible, composable component APIs.

How do I install this agent skill?

npx skills add https://github.com/podo/design-agent-skills --skill vercel-skills

view source ↗

Is this agent skill safe to install?

Gen Agent Trust Hubpass
This skill acts as a catalogue and installer for official Vercel development and design guidelines. It facilitates the setup of tools for UI reviews, React performance, and accessible component building from trusted Vercel Labs repositories.
Socketpass
No alerts
Snykpass
Risk: LOW · No issues

What does this agent skill do?

vercel-skills

Catalogue stub — full package: vercel-labs/skills

Decision tree

Run this before using Vercel skill workflows:

Is a Vercel skill already installed? Check: ~/.design-agent-skills/skills/building-components/SKILL.md exists (representative skill).
- Yes → invoke the specific skill by name and proceed
- No → go to step 2
Do you have shell access?
- Yes → install the specific skill below, then invoke it
- No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

# Review UI code against 100+ Web Interface Guidelines
npx skills add vercel-labs/web-design-guidelines

# Build accessible, composable, themeable UI components
npx skills add vercel-labs/building-components

# React/Next.js performance optimization
npx skills add vercel-labs/react-best-practices

# React component composition and reusable patterns
npx skills add vercel-labs/composition-patterns

Note: web-design-guidelines may be a stale listing — verify install before use.

Invoke after install

web-design-guidelines — "web design guidelines", "UI review"
building-components — "build component", "accessible component", "composable API"
react-best-practices — "React performance", "Next.js optimization"
composition-patterns — "composition patterns", "reusable React patterns"

What it does

Vercel's official skill collection: enforces 100+ Web Interface Guidelines in UI code review, guides accessible and composable component architecture, optimizes React/Next.js performance, and establishes reusable component composition patterns.

How can the creator link this skill?

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/podo/design-agent-skills/vercel-skills">View vercel-skills on skillZs</a>