Claude skills and agent skills

twbsSkill

bootstrap-v5-v6-migration

twbs/bootstrap/skills/bootstrap-v5-v6-migration/SKILL.md

Migrate projects from Bootstrap 5 to Bootstrap 6. Use when upgrading from Bootstrap 5, migrating v5 to v6, or updating v5 class names, components, Sass, or JavaScript to the latest version. For Bootstrap 4 projects, start with the v4-to-v6 migration skill instead.

langgeniusSkill

backend-code-review

langgenius/dify/.agents/skills/backend-code-review/SKILL.md

Use only when the user explicitly requests a review or audit of backend code under `api/`. Supports pending-change, file-focused, and pasted-diff reviews. Do not use for implementation-only requests, diagnosis without review intent, frontend code, or backend code outside `api/`.

langgeniusSkill

e2e-cucumber-playwright

langgenius/dify/.agents/skills/e2e-cucumber-playwright/SKILL.md

Use when writing, changing, or reviewing Cucumber and Playwright tests under `e2e/`, including feature files, step definitions, support code, scenario tags, locators, and assertions. Do not use for Vitest, React Testing Library, backend tests, or generic browser automation outside the E2E suite.

langgeniusSkill

frontend-code-review

langgenius/dify/.agents/skills/frontend-code-review/SKILL.md

Review frontend code under `web/` or `packages/dify-ui/` when the user explicitly requests a review or audit. Supports PRs, branches, pending changes, files, and pasted diffs. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code.

Often used withbackend-code-review·frontend-testing·pr-creator

langflow-aiReads credentialsSkill

e2e-testing

langflow-ai/langflow/.agents/skills/e2e-testing/SKILL.md

Write and review Playwright E2E tests for Langflow. Trigger when the user asks to write, fix, or review E2E tests, spec files, Playwright tests, or integration tests that exercise the full UI. Also trigger when modifying data-testid attributes, test helpers in tests/utils/, or fixture configuration.

Often used witheverything-claude-code·everything-claude-code-conventions·bun-runtime

langflow-aiSkill

ibm-a11y-level1-audit

langflow-ai/langflow/.agents/skills/ibm-a11y-level1-audit/SKILL.md

Perform a scoped IBM Equal Access Level 1 compliance audit of a chosen Langflow frontend surface (routes, components, or a PR) and produce a findings report mapped to WCAG/IBM Level 1 criteria. Default behavior is audit and report only — fixes are applied only when the user explicitly asks for remediation in the same request. Use when the user asks for an IBM Level 1 audit, a Level 1 compliance report, or to find/report Level 1 WCAG issues on a specific surface. For scanning a batch of routes without a report, see ibm-a11y-route-scan. For scanning and fixing an entire PR/branch end-to-end by default, see ibm-a11y-pr-remediation.

No other project uses it yet

GitHubSkill

add-community-extension

github/spec-kit/.github/skills/add-community-extension/SKILL.md

Add a community extension to the Spec Kit catalog from a GitHub issue submission. USE FOR: processing extension submission issues, validating catalog entries, updating catalog.community.json and docs/community/extensions.md, creating PRs. DO NOT USE FOR: creating new extensions from scratch, or first-party extension work.

nextlevelbuilderReads credentialsSkill

design

nextlevelbuilder/ui-ux-pro-max-skill/.claude/skills/design/SKILL.md

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.

Often used withbanner-design·ui-styling·slides

nextlevelbuilderSkill

design-system

nextlevelbuilder/ui-ux-pro-max-skill/.claude/skills/design-system/SKILL.md

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

Often used withsetup-engine·create-stories·team-level

nextlevelbuilderSkill

ui-ux-pro-max

nextlevelbuilder/ui-ux-pro-max-skill/.claude/skills/ui-ux-pro-max/SKILL.md

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 80 searchable styles (51 active), 192 product palettes and reasoning profiles, 74 font pairings, 120 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

Often used withstock_analysis·ckm:design-system·banner-design

safishamsiReads credentialsSkill

graphify

safishamsi/graphify/graphify/skill.md

Use for any question about a codebase, its architecture, file relationships, or project content — especially when graphify-out/ exists, where the question should be treated as a graphify query first. Turns any input (code, docs, papers, images, videos) into a persistent knowledge graph with god nodes, community detection, and query/path/explain tools.

VercelSkill

insight-error-page

vercel/next.js/.agents/skills/insight-error-page/SKILL.md

Write or audit an insight-kind error page for the Next.js dev overlay. Use when creating a new `errors/<slug>.mdx` page, auditing an existing one, or checking that a page matches the framework fix cards. Covers page structure, title alignment, FixCard cards with Copy prompt button, code snippets, terminology verification against canonical docs, and Vercel technical writing style.

No other project uses it yet

VercelReads credentialsSkill

next-rspack

vercel/next.js/.agents/skills/next-rspack/SKILL.md

Maintain @next/rspack-core and @next/rspack-binding packages. Use when editing rspack/package.json, rspack/crates/binding/Cargo.toml, rspack/rust-toolchain.toml, or packages/next-rspack/package.json. Covers upgrading @rspack/core npm version, rspack_* crate versions, Rust toolchain version, building and linking for local testing, and NEXT_RSPACK environment variable usage. Does NOT apply to root rust-toolchain.toml (that's for Turbopack).

No other project uses it yet

VercelSkill

sandbox-bench

vercel/next.js/.agents/skills/sandbox-bench/SKILL.md

Benchmark React or Next.js changes on Vercel Sandbox VMs with paired A/B statistics: react PR/commit vs base, or Next.js PR/commit vs base, measured end-to-end through the bench/render-pipeline app (rps, latency, p95; TTFB, RSS and document/Flight bytes when the Next side captures them) and, for React changes, through the react repo's flight-ssr-bench fixture (Node AND Edge web-streams paths, Fizz and Flight+Fizz). Use whenever the user asks to bench, perf test, or A/B a React PR, a react-server-dom / Flight / vendored React change, or a Next.js PR ("is this PR faster", "does this regress RSC?", "measure the perf impact of <commit>"), even if they don't say "benchmark" — any request to quantify a server-side performance difference between two revisions belongs here. Runs remotely (laptop-free), applies correctness gates before measuring, and reports boot-level confidence intervals.

No other project uses it yet

VercelSkill

write-guide

vercel/next.js/.agents/skills/write-guide/SKILL.md

Generates technical guides that teach real-world use cases through progressive examples.

VercelSkill

next-cache-components-adoption

vercel/next.js/skills/next-cache-components-adoption/SKILL.md

Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender / instant validation errors, run the `cache-components-instant-false` codemod, or decide between opting routes out with `export const instant = false` and fixing them in place.

VercelReads credentialsSkill

next-cache-components-optimizer

vercel/next.js/skills/next-cache-components-optimizer/SKILL.md

Optimize the meaningful UI available immediately from a Next.js route on an initial load (hard navigation) or named client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route and entry point at a time; the shipped test then guards against regression. Use when asked to grow a static shell, fix a slow first paint or non-instant navigation, diagnose which Suspense boundary blocks useful UI, or add instant() regression coverage. Requires Next.js 16.3+ with Cache Components already adopted.

VercelSkill

next-partial-prefetching-adoption

vercel/next.js/skills/next-partial-prefetching-adoption/SKILL.md

Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces. Use when the user wants to enable or adopt Partial Prefetching, flip the `partialPrefetching` flag, opt routes in with `export const prefetch = 'partial'`, audit `Link prefetch={true}` behavior, preserve existing prefetched UI with `instant()` tests, or resolve the instant-link-prefetch-partial and instant-shell-url-data insights.

VercelSkill

next-partial-prefetching-optimizer

vercel/next.js/skills/next-partial-prefetching-optimizer/SKILL.md

Optimize what selected Next.js client navigations include before the click under Partial Prefetching. Use after Cache Components and Partial Prefetching are adopted when the user wants selected URL-specific UI to be instant, wants reusable content to wait for navigation, or needs to choose between default, viewport, and intent prefetching. Requires Next.js 16.3+.

garrytanSkill

design-html

garrytan/gstack/design-html/SKILL.md

Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

Often used withplan-tune·ios-clean·document-generate