Publishing Skills

Share your design system inspirations with the community.

Create

Go to the Publish page to create a new design system skill. You'll need:

  • A name and description — capture the aesthetic in one line
  • A SKILL.md file with the complete design system documentation
  • Visual specs — colors, typography, spacing, and component patterns
  • A demo preview showing the design in action
  • A thumbnail image for the gallery

Good skills capture a cohesive aesthetic. Think: "Payment infrastructure. Signature purple gradients, weight-300 elegance." Or "All-in-one workspace. Warm minimalism, serif headings, soft surfaces."

Skill Format

Skills are documented using SKILL.md files with YAML frontmatter:

SKILL.md
---
name: vercel-precision
description: Black and white precision. Geist font. Ultra-minimal frontend aesthetic.
---

# Vercel Precision

A design system inspired by modern developer tools.

## Visual Language

- Colors: Black (#000), white (#fff), subtle grays
- Typography: Geist, tight letter-spacing, light weights
- Spacing: Generous, asymmetrical layouts
- Aesthetic: Clean, code-forward, technically precise

## Usage

Tell your AI agent:

"Use the vercel-precision skill for this landing page — hero with dark background, 
gradient text, monospace code blocks, generous whitespace."

## Components

### Hero
- Full-bleed dark background
- Centered content, max-width constrained
- Gradient text effect on headline
- Subtle grid pattern overlay

Document the visual language clearly. Colors, typography, spacing, and mood. The more specific you are, the better AI agents can replicate the aesthetic.

Submit

Skills go through a review process before appearing in the gallery:

1

Draft

Save your skill as a draft while you work on it. Drafts are private and only visible to you. Access them anytime from your Studio.
2

Pending

Submit your skill for review. This usually takes 1-2 business days.
3

Approved

Once approved, your skill appears in the public gallery. Others can install it and let their AI agents build UI that matches your design system.

Track views, stars, and CLI downloads in your Studio dashboard.