Skills / Category
Frontend
75 skills
Showing 1–24 of 75
- 0.874score
vercel-sandbox
vercel-labsOfficial
Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.846score
agent-browser
vercel-labsOfficial
Browser automation CLI for AI agents.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.840score
turnstile-spin
cloudflareOfficial
Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.
SkillAFreshness: A★ 3.2KClaude Code +9 - 0.838score
nextjs-on-cloudflare
cloudflareOfficial
Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext.
SkillAFreshness: A★ 3.2KClaude Code +9 - 0.836score
stripe-apps
stripeOfficial
Build, modify, or review Stripe Apps and extensions using the relevant documentation and reference guides.
SkillAFreshness: A★ 2KClaude Code +9 - 0.831score
figma-generate-design
figmaOfficial
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma.
SkillAFreshness: A★ 2.1KClaude Code +9 - 0.831score
figma-generate-library
figmaOfficial
Build or update a professional-grade design system in Figma from a codebase.
SkillAFreshness: A★ 2.1KClaude Code +9 - 0.827score
triage-frontend-issues
getsentryOfficial
Triage new issues in the Sentry `javascript` project by archiving non-actionable noise.
SkillAFreshness: A★ 1.1KClaude Code +9 - 0.825score
figma-code-workflows
figmaOfficial
Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or standalone Code (also known as Make), and…
SkillAFreshness: A★ 2.1KClaude Code +9 - 0.824score
vercel-optimize
vercel-labsOfficial
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps.
SkillBFreshness: B★ 32.9KClaude Code +9 - 0.811score
webapp-testing
snykOfficial
Toolkit for interacting with and testing local web applications using Playwright.
SkillAFreshness: A★ 3.2KClaude Code +9 - 0.810score
supabase
supabaseOfficial
Use when doing ANY task involving Supabase.
SkillAFreshness: A★ 2.9KClaude Code +9 - 0.809score
frontend-design
snykOfficial
Create distinctive, production-grade frontend interfaces with high design quality.
SkillAFreshness: A★ 3.2KClaude Code +9 - 0.801score
frontend-design
anthropicsOfficial
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillBFreshness: B★ 183.5KClaude Code +9 - 0.796score
resend-cli
resendOfficial
Operate the Resend platform from the terminal — send emails (including React Email .tsx templates via --react-email), manage domains, contacts, broadcasts…
SkillAFreshness: A★ 205Claude Code +9 - 0.794score
sanity-best-practices
sanity-ioOfficial
Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations…
SkillAFreshness: A★ 194Claude Code +9 - 0.789score
sanity-form-component-suspense
sanity-ioOfficial
Fix a Sanity Studio custom form component (components.input, components.field, components.item, or a plugin's form.components) that suspends without its own…
SkillAFreshness: A★ 194Claude Code +9 - 0.786score
wp-patterns
WordPressOfficial
Pattern: create or update WordPress block patterns (starter pages, templates, template parts, Query Loop layouts), review pattern registration, block markup…
SkillBFreshness: B★ 2.3KClaude Code +9 - 0.785score
figma-implement-motion
figmaOfficial
Translates Figma motion and animations into production-ready application code.
SkillBFreshness: B★ 2.1KClaude Code +9 - 0.761score
netlify-frameworks
netlifyOfficial
Deploy and configure web frameworks on Netlify — build settings and SSR/edge adapters plus local platform emulation and env vars.
SkillAFreshness: A★ 43Claude Code +9 - 0.755score
netlify-edge-functions
netlifyOfficial
Write, route, cache, and debug Netlify Edge Functions, the Deno-based TypeScript or JavaScript handlers in netlify/edge-functions that run at the network edge…
SkillAFreshness: A★ 43Claude Code +9 - 0.755score
netlify-forms
netlifyOfficial
Serverless form handling on Netlify-hosted sites — detects HTML forms at deploy time, stores submissions, filters spam, and sends notifications.
SkillAFreshness: A★ 43Claude Code +9 - 0.753score
xlsx
anthropicsOfficial
Use this skill any time a spreadsheet file is the primary input or output.
SkillCFreshness: C★ 183.5KClaude Code +9 - 0.749score
content-experimentation-best-practices
sanity-ioOfficial
Content experimentation and A/B testing guidance covering experiment design, hypotheses, metrics, sample size, statistical foundations, CMS-managed variants…
SkillBFreshness: B★ 194Claude Code +9