skills.sh + JSN UI

Agent skills, all in one place

Browse the live leaderboard from skills.sh, search across 8,000+ community skills, and explore the 12 JSN UI skills that ship with the kit. Every skill is a Markdown file your agent can read.

JSN UI built-in skills

12 skills that ship with the kit. Reference them from any Open Design–compatible agent.

12 skills

JSN UI Overview

1850 chars

What is JSN UI, the 32+2+18 stack, the registry, and how to use it.

overviewintroduction

.skills/jsn-ui-overview.md

JSN UI CLI

1320 chars

init / add / list / info / mcp commands. Zero runtime dependencies.

clitooling

.skills/jsn-ui-cli.md

JSN UI Theming

1480 chars

OKLCH design tokens, dark mode, and the live theme builder widget.

themingdesign-tokens

.skills/jsn-ui-theming.md

JSN UI Icons

1240 chars

60+ hand-rolled 1.5px stroke icons across 8 groups. All currentColor.

icons

.skills/jsn-ui-icons.md

JSN UI Animation

1610 chars

Motion elements: FadeIn, ScrollReveal, CountUp, Aurora, Beam, Meteors, …

motionanimation

.skills/jsn-ui-animation.md

JSN UI Accessibility

1100 chars

ARIA roles, keyboard nav, prefers-reduced-motion, and the a11y checklist.

a11y

.skills/jsn-ui-a11y.md

JSN UI AI

1980 chars

Message, Conversation, Reasoning, Tool, Sources, AgentCard, and more.

aiagents

.skills/jsn-ui-ai.md

JSN UI SEO

1350 chars

next-seo integration, 17 JSON-LD components, sitemap / robots / manifest.

seo

.skills/jsn-ui-seo.md

JSN UI Mobile

980 chars

MobileDrawer, BottomSheet, Swipeable, ResponsiveTabs, TouchTarget.

mobile

.skills/jsn-ui-mobile.md

JSN UI Templates

1700 chars

8 page templates + 18 AI app templates. Drop one in, wire to your LLM.

templatesapps

.skills/jsn-ui-template.md

JSN UI Performance

1250 chars

Tree-shaking, dynamic imports, server components, and bundle analysis.

performance

.skills/jsn-ui-performance.md

JSN UI Agent Skill

2200 chars

Meta-skill: how an agent should use the JSN UI kit end-to-end.

metaagent

.skills/jsn-ui-ai-agent-skill.md

Live from skills.sh

Real-time data from the public leaderboard. Authenticated via Vercel OIDC.

Enable Vercel OIDC

The live feed uses the skills.sh API, which requires a Vercel OIDC token. To enable it:

  1. Open your Vercel project → Settings → OIDC Federation
  2. Toggle on. The token will be available as process.env.VERCEL_OIDC_TOKEN
  3. Redeploy. The JSN UI built-in skills above are always available — the live feed needs OIDC.