The best frontend mods

20,345 mods in the catalogue carry this category. These 100 are the ones that pass every gate. Every gate: original work, not a copy · security scan A or B · a licence that permits reading the source · an actively maintained repository people actually use. Order is the composite score — reputation, freshness, safety, originality, content and traction — not anyone's opinion.

#ModTypeStarsScanTokensRating
1 angular-20angular/angularThis rule provides comprehensive best practices and coding standards for Angular development, focusing on modern TypeScript, standalone components, signals, and performance optimizations. Cursor rule 101k A 0 —
2 design-taste-frontendLeonxlnx/taste-skillA page built by a model usually looks like the average of every page the model has seen: a centred headline over three lines, a little label above it, a row of icon cards, a soft gradient, a few thin rules and a monospace caption. Nothing in it is wrong and nothing in it was decided. Skill 103k A 228 —
3 figma-generate-designanomalyco/opencodeUse this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the… Skill 222k A 192 —
4 compiler-orchestratorreact/reactOrchestrate the Rust compiler port end-to-end. Discovers the current frontier, fixes failing passes, ports new passes, reviews, and commits in a loop. Skill 252k A 38 —
5 nextjsvercel/next.jsOfficial Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server. Plugin 143k A — —
6 shadcn-addTryGhost/GhostAdd a new ShadCN/UI component to Shade with Storybook stories. Command 56k A 14 —
7 mobile-nativeemilkowalski/skillsMake a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch… Skill 50k A 167 —
8 omarchy-appomacom/omarchyBuild a new desktop app for Omarchy the way Omarchy's own apps are built (Hype, Monologue, Omacut): C++ and Qt Quick, compiled with qmake6 and make into a single binary, following the Omarchy theme live, and installed as an Arch package so it shows up in the app launcher. Use when asked to make, build, or scaffold an… Skill 46k A 138 —
9 nextjs-app-routertrpc/trpcFull end-to-end tRPC setup for Next.js App Router. Covers route handler with fetchRequestHandler (GET + POST exports), TRPCProvider with QueryClientProvider, createTRPCOptionsProxy for RSC prefetching, HydrateClient/HydrationBoundary for hydration, useSuspenseQuery for Suspense, and server-side callers. Skill 41k A 74 —
10 chakra-ui-builderchakra-ui/chakra-uiBuild responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form… Skill 41k A 214 —
11 corevercel-labs/json-renderCore package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation. Skill 19k A 42 —
12 unified-error-protocolmicrosoft/data-formulatorUnified error handling protocol for backend and frontend. Cursor rule 18k A 0 —
13 antdant-design/ant-design-proUse when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions. Skill 39k A 69 —
14 frontend-developmentCopilotKit/CopilotKitMost coagents examples have a ui/ folder with Next.js applications. Cursor rule 38k A 0 —
15 jetbrains-uiKilo-Org/kilocodeUse when writing or reviewing UI code in packages/kilo-jetbrains/ — Swing layout, platform components, UiStyle tokens, theme colors/fonts/borders, Stack/Align layouts, tool windows/dialogs/popups/notifications, settings pages, and the pre-return UI checklist. Skill 28k A 60 —
16 improve-rulethedaviddias/Front-End-ChecklistUse when reviewing or improving a Front-End Checklist rule MDX file to raise its quality score, fix stub prompts, add missing fields, or enrich content with real code examples. Skill 75k A 39 —
17 material-ui-nextjsmui/material-uiIntegrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app. Skill 99k A 76 —
18 huashu-designalchaincyf/huashu-designA design workflow for making high-fidelity HTML prototypes, slide decks, animations, visualizations, and design reviews. It requires three initial design directions before developing the selected one. Skill 27k A 123 —
19 shadcnshadcn-ui/uiUI component and design system framework. Search registries, install components as source code, and audit your project. Plugin 127k A — —
20 table-featuresTanStack/tableAdd or debug Table v9 features: registration, row-model slots, prerequisites, sorting, filtering, pagination, selection, spanning, and column layout. Read only task-relevant feature references. Skill 29k A 42 —
21 html-artifactslangchain-ai/open-sweAuthor the HTML for a plan artifact, dashboard iframe, or Slack attachment — structure, design plan, available runtime, theming, and craft. Read this before writing HTML for publishartifact, outputiframe, or slackattachhtml. Skill 11k A 52 —
22 impeccablepbakaus/impeccableDesign fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection. Plugin 89k A — —
23 react-emailresend/react-emailUse when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and… Skill 20k A 66 —
24 native-uivercel-labs/nativeAuthoring guide for the Native markup (.native) view tier of native-rendered Native SDK apps. TypeScript cores are the default and use this skill together with ts-core; Zig cores are an explicit alternative and this guide labels their lower-level UiApp recipes. Use when building or modifying native UI (widgets… Skill 7.8k A 98 —
25 scalar-design-systemscalar/scalarScalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library. Use when designing or implementing Scalar UI, especially with Paper (code-to-design / design-to-code), so output matches real Scalar tokens, colors, typography, spacing, and components instead of… Skill 16k A 68 —
26 tamagui-upgrade-v3tamagui/tamaguiMigrate an app from Tamagui v2 (or v1) to v3. Use when upgrading Tamagui versions, removing $ token prefixes, converting hoverStyle/pressStyle/media/theme/platform condition objects to flat values, running the flat-values codemod, or fixing v3 breaking changes. Triggers: "upgrade tamagui", "migrate to v3", "flat… Skill 14k A 120 —
27 web-design-engineerConardLi/garden-skillsBuild or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact.… Skill 13k A 96 —
28 magic-uimagicuidesign/magicuiUse this skill when users want to add, customize, or troubleshoot Magic UI components in React/Next.js projects. It covers component selection, shadcn registry installation (@magicui/), integration patterns, and practical quality checks for accessibility and maintainability. Skill 23k A 56 —
29 design-to-motionelayadesign/ai-design-skillsTurns a static design (a Figma frame, dashboard, card set, app screen, or a UI on a photo background) into a pixel exact HTML replica that loads in from an empty state, then has every visual act out what it does (a chart being read, a list receiving items, a prompt being typed) in a seamless loop, and exports an MP4… Skill 7.9k A 217 —
30 clone-websiteJCodesMore/ai-website-cloner-templateRebuild existing web pages as working local code, matching their real content, assets, responsive layout, and interactions. Use for website cloning, replication, or reverse engineering, including Framer sites and animated pages. Skill 37k A 46 —
31 shadcn-vueunovue/shadcn-vueManages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-vue, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for… Skill 11k A 97 —
32 shadcn-sveltehuntabyte/shadcn-svelteManages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-svelte, the CLI, design-system presets, or any project with a components.json file. Also triggers for… Skill 9.2k A 87 —
33 kumo-designcloudflare/kumoCloudflare product design guidance. Use when designing, implementing, or reviewing Cloudflare dashboard interfaces, Kumo UI, responsive styling, dialogs, or frontend tests. Skill 4.1k A 36 —
34 kiranism-shadcn-dashboardKiranism/next-shadcn-dashboard-starterGuide for building features, pages, tables, forms, themes, and navigation in this Next.js 16 shadcn dashboard template. Use this skill whenever the user wants to add a new page, create a feature module, build a data table, add a form, configure navigation items, add a theme, set up RBAC access control, or work with… Skill 7.2k A 142 —
35 nuxt-uinuxt/uiBuild UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces. Skill 7.0k A 56 —
36 daisyuisaadeghi/daisyuiOfficial daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill. Plugin 43k A — —
37 orvalorval-labs/orvalGenerate type-safe API clients, TanStack Query/SWR hooks, Zod schemas, MSW mocks, Hono server handlers, MCP servers, and SolidStart actions from OpenAPI specs using Orval. Covers all clients (React/Vue/Svelte/Solid/Angular Query, Fetch, Axios), custom HTTP mutators, authentication patterns, NDJSON streaming… Skill 6.6k A 83 —
38 Project Scaffoldermicrosoft/skillsFull-stack Azure AI Foundry application scaffolder for React + FastAPI + azd projects. Agent 3.1k A 23 —
39 ag-ui-a2ui-integrationag-ui-protocol/ag-uiUse when adding A2UI rendering to any AG-UI-supported framework or custom AG-UI application, scaffolding an AG-UI app that should render A2UI, adapting an AG-UI integration to emit A2UI surfaces, or wiring the AG-UI A2UI middleware/toolkit with a compatible renderer. Skill 17k A 73 —
40 helicone-style-guidelinesHelicone/helicone// ✅ Do this import { H1, P, Small, Muted } from "@/components/ui/typography". Cursor rule 6.2k A 3,001 —
41 opentuianomalyco/opentuiBuild terminal UIs with OpenTUI. Covers Core, frameworks, components, application APIs, testing, extensions, integrations, deployment, and public API lookup. Skill 14k A 36 —
42 qiankunumijs/qiankunUsage manual for building micro-frontend projects with qiankun 3.x. Use when the user wants to create a qiankun main (host) app or sub (micro) app, convert an existing Vite app into a qiankun micro app, or wire up micro-frontend loading with React/Vue. Skill 17k A 69 —
43 sprite-genaldegad/sprite-genA pipeline for turning generated 2D game-character images into transparent sprite sheets, which store animation frames for a game. Skill 3.1k A 238 —
44 threejs-react-three-fiberCloudAI-X/threejs-skillsBuilding three.js scenes from React with React Three Fiber and drei: renderer setup, the scene graph as JSX, frame-loop, state and loading hooks, pointer events, and adaptive performance, on WebGL or with WebGPU and TSL. Use when writing React components that render three.js. Skill 3.8k A 65 —
45 skillshare-ui-website-stylerunkids/skillshareSkillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages to the dashboard… Skill 2.8k A 162 —
46 vgpuvercel-labs/vgpuBuild, debug, test, and optimize WebGPU projects using vgpu, its CLI, or @vgpu packages. Use for vgpu API questions, WGSL workflows, browser or Node rendering, integrations, testing, performance work, and Blender asset modeling, baking, and runtime integration. Skill 2.6k A 61 —
47 chrome-extensionleaperone/MultiPost-ExtensionYou are an expert Chrome extension developer, proficient in JavaScript/TypeScript, browser extension APIs, and web development. Cursor rule 3.7k A 1,074 —
48 verify-behaviornicknisi/dotfilesVerify or reproduce visible product behavior by driving the real UI with pi-computer-use's checked tools, requiring verified expect postconditions and durable state evidence for meaningful UI flows. Use when triage needs visual reproduction, implementation needs behavioral proof, review needs interactive confirmation… Skill 3.0k A 68 —
49 spartanspartan-ng/spartanManages spartan/ui, the Angular UI library - adding, composing, fixing, debugging, and styling UI with the Brain (headless primitives) and Helm (styled) layers. Provides project context, component APIs, and usage examples. Applies when working with spartan/ui, @spartan-ng/brain, @spartan-ng/helm, the @spartan-ng/cli… Skill 3.0k A 115 —
50 large-file-buildPrismML-Eng/Bonsai-demoBuild large HTML files in chunks when a single writefile exceeds stream limits. Skill 3.4k A 18 —
51 interactive-dashboardginlix-ai/LangAlphaInteractive web dashboards: stock trackers, sector heatmaps, portfolio monitors, served via preview URL. Skill 2.1k A 21 —
52 using-docs-kitlobehub/lobe-iconsSet up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com). Covers consumer repo layout, docs.config.ts, package scripts, component doc pages (index.mdx frontmatter, ?demo imports, , ), guide pages, home page, changelog, and the build-time… Skill 2.6k A 157 —
53 Advanced Visualization TechniquesCopilotKit/OpenGenerativeUIUI mockups, dashboards, advanced interactivity, generative art, simulations, math visualizations, and design system rules for producing rich generateSandboxedUi output. Skill 3.4k A 37 —
54 truesheet-usagelodev09/react-native-true-sheetConsumer-side guide for integrating @lodev09/react-native-true-sheet into a React Native app. Use this skill whenever the user wants to add, configure, control, or debug a bottom sheet using TrueSheet — including ref-based sheets, named global sheets, web support with TrueSheetProvider/useTrueSheet, React Navigation… Skill 2.1k A 171 —
55 shadcn-ui-flutternank1ro/flutter-shadcn-uiA comprehensive Flutter UI library inspired by shadcn/ui. Provides high-quality, customizable, and accessible components including Buttons, Cards, Forms, and more. Use this skill when building Flutter UIs, implementing design systems, or needing specific component usage examples. Skill 2.8k A 58 —
56 create-adaptable-composablevuejs-ai/skillsCreate a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for… Skill 3.2k A 80 —
57 start9-frontendStart9Labs/start-technologiesStart9 house style for every Angular + Taiga UI web frontend (StartOS ui/setup-wizard, StartWRT, StartTunnel, brochure-marketplace, start9-store, ops-server, support-server, start-equity). Use BEFORE writing or reviewing any frontend code in these apps — components, templates, styles/CSS, forms, dialogs/toasts… Skill 2.0k A 133 —
58 build-a-nimbus-sitecloudflare/nimbusCreate, write and deploy a documentation site with Nimbus (Astro). Use when a user wants a new docs site, wants to add pages or components to a Nimbus site, or wants to check, upgrade or deploy one. Skill 1.5k A 51 —
59 bklit-uibklit/bklit-uiInstall, compose, theme, and animate Bklit UI charts (the @bklit shadcn registry) in a React / Next.js app. Use when the user wants a chart, graph, or data visualization: line, area, bar, live/streaming line, composed, scatter, candlestick/OHLC, pie, ring/donut, radar, gauge, heatmap, funnel, sankey, sunburst, or… Skill 1.8k A 256 —
60 powergrid-themePower-Components/livewire-powergridCreate or update a PowerGrid v7 theme using the Theme abstract class, per-section token methods (layout/header/table/footer/cols/tabs plus filter/editable/toggleable), config themeoverrides, or ArrayTheme. Skill 1.7k A 49 —
61 beuistarc007/ui-componentsPick and install beUI (@beui) animated React components through public MCP or the shadcn registry. Use when building motion UI, agent/chat interfaces, toasts, docks, bottom sheets, drawers, popovers, sliders, loaders, 404 pages, or any beui.dev component. Maps user intent to exact @beui install slugs instead of… Skill 1.9k A 81 —
62 interfacesjakubkrehel/skillsSkills for building great product interfaces: typography, colors, layout, accessibility, UI polish and writing. Plugin 8.7k A — —
63 animal-island-ui-styleguokaigdg/animal-island-uiBuild React UIs in the animal-island-ui style — an a cozy island-style UI-inspired component library (warm earth tones, pill shapes, 3D game-button depth, soft motion). Use when (1) building pages or components with the animal-island-ui npm package in a React project; (2) generating a standalone single-file HTML page… Skill 5.1k A 113 —
64 eval-graphicselvisun/newsjackTurn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright. For producing the charts in a published eval/data study. Skill 1.7k A 47 —
65 userinterface-wikiopen-gsd/gsd-piUI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings. Skill 1.3k A 52 —
66 fhzxlie/FeHelperA set of project rules for maintaining the FeHelper Chrome extension. It describes the extension's folders, coding conventions, module structure, security expectations, analytics server, and MongoDB storage. Cursor rule 5.7k A 610 —
67 windsurfrulesAPIParkLab/APIParkCreate detailed components with these requirements. Cursor rule 1.8k A 521 —
68 taro-ui-guidejd-opensource/taro-uiGuides installation, Taro config, styling, and usage of taro-ui (At components) for WeChat/Alipay/H5/RN. Use when building Taro apps with taro-ui, picking components, theming, i18n, or modifying packages/taro-ui source. Skill 4.7k A 66 —
69 seed-designdaangn/seed-designAn integration guide for SEED Design, covering shared component specifications and foundations plus React and Lynx implementation guidance. Skill 1.2k A 32 —
70 modern-web-guidanceGoogleChrome/modern-web-guidance-srcSearch tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: UI/Layout: Modals/dialogs/popovers, tables, dark mode, anchor positioning, container… Skill 1.2k A 268 —
71 oil-motionoil-oil/oil-motionA skill for designing and implementing interactive web animation controlled by inputs such as scrolling, pointer movement, dragging, touch, audio, data, or component state. It covers the visual plan as well as the webpage code that runs the animation. Skill 2.7k A 172 —
72 theme-creationstencila/stencilaCreate, update, or plan a Stencila theme for documents or published sites. Use when asked to choose a theme direction, write or patch theme.css, recommend semantic or module token families, customize site navigation or branding, tune PDF and print page tokens, align web, Python, and R plots with a Stencila design… Skill 913 A 97 —
73 powerapps-canvas-yaml-generatorpnp/copilot-promptsGenerates valid, importable Power Apps Source Code YAML for canvas app screens. Use when asked to create YAML, scaffold, or modify any Power Apps canvas app screen — including full screens, dialogs, forms, galleries, detail views, dashboards, or any layout container — or when asked to generate Power Fx formulas or… Skill 902 A 79 —
74 next-partial-prefetching-adoptionsanity-io/next-sanityTurn 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 calls, or resolve the link-prefetch-partial and instant-shell-url-data… Skill 957 A 92 —
75 use-aholo-viewermanycoretech/aholo-viewerGuide external npm package users and AI coding agents integrating @manycore/aholo-viewer into web applications. Use when asked to install, bootstrap, render 3D Gaussian Splatting or mesh content, configure cameras, scenes, lighting, viewer pipeline options, or write TypeScript examples for the public… Skill 1.1k A 78 —
76 finesse-uimouse-lin/finesse-skillA set of design rules for building polished websites and product interfaces. It distinguishes brand pages, where visual identity leads, from product interfaces such as dashboards, where clarity and usability lead. Cursor rule 871 A 0 —
77 tanstack-react-router_apiopenstory-so/openstoryThe ActiveLinkOptions type extends the LinkOptions type and contains additional options that can be used to describe how a link should be styled when it is active. Cursor rule 687 A 32,828 —
78 genuiomdsh-dev/dsh-genuiRender structured interactive UI inline through the dsh-ui fence. Use for key points, emphasis, comparisons, flows, steps, status, data, demos, and interactions whenever structured presentation would be clearer than prose. Preserve conversation language for all user-visible text. Skill 791 A 54 —
79 next-devtoolsyournextstore/yournextstoreNext.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package. MCP server 5.5k A — —
80 a2ui-generationAGenUI/AGenUIDesign and generate A2UI updateComponents and updateDataModel payloads for three modes (DTO component, non-DTO component, non-DTO page). Use when asked to create or refine A2UI cards, components, or pages from DTO/JSON/business data, generate Python transformer code for DTO-driven components, iterate on existing A2UI… Skill 1.2k A 147 —
81 agnosticuiAgnosticUI/agnosticuiThis project uses AgnosticUI Local (v2.0.0-alpha, react framework). Components are installed at ./src/components/ag. Cursor rule 832 A 0 —
82 assess-react-native-migrationcallstackincubator/agent-skillsAssesses whether and how an existing mobile product should migrate to React Native. Use when auditing one or more product repositories for migration readiness, including products whose iOS, Android, and other clients live in separate directories or repositories; choosing brownfield, greenfield, or a checkpoint-based… Skill 1.7k A 104 —
83 pinme-uniwebpayglitternetwork/pinmeUse when generating, modifying, or reviewing PinMe Worker (Cloudflare Worker TypeScript) code that accepts payments through UniwebPay — payment links, products/prices, checkout sessions, payment status reads, refunds, subscriptions, or handling UniwebPay webhooks with @uniwebpay/sdk in a PinMe project. Skill 3.8k A 71 —
84 naming-conventionsrilldata/rillNaming conventions for files and components in the Rill web frontend codebases. Cursor rule 3.0k A 0 —
85 data-table-filtersopenstatusHQ/data-table-filtersInstall and wire up data-table-filters — filterable React data tables with server-side filtering, faceted counts, infinite scroll, and virtualization, delivered as shadcn registry blocks. Cursor rule 2.3k A 37 —
86 threejs-procedural-materialsscottstts/Threejs-Awesome-Graphics-Agent-SkillsAuthor production procedural materials in Three.js. Use for simulated paper burning with coupled sheet combustion and pyro fluids, luminescent jellyfish with simulated appendages and layered tissue optics, luminescent butterflies with articulated scale glints and finite wing emitters, hybrid texture-backed PBR soil… Skill 938 A 228 —
87 fast-typescript-checkinternet-development/www-sacredKeep www-sacred's TypeScript fast to type-check and fast to run. Use when touching the ASCII/canvas animation components (the only real per-frame code here), tightening type-check wall-clock, or auditing a change for runtime or compiler regressions. Scoped to this repo — a React 19 / Next.js 16 component library plus… Skill 1.6k A 84 —
88 choose-ecosystem-integrationsTanStack/cliMap tanstack ecosystem partner metadata to installable add-on ids using tanstack ecosystem --json, tanstack create --list-add-ons --json, and tanstack create --addon-details --json. Covers exclusive categories, provider options, and router-only compatibility constraints. Skill 1.3k A 59 —
89 menu-interactionsasmyshlyaev177/react-horizontal-scrolling-menuWire mouse, wheel and touch input for react-horizontal-scrolling-menu: onWheel/onScroll are plain (api, event) => void callbacks, while ALL mouse/touch props (onMouseDown, onMouseUp, onMouseMove, onMouseLeave, onTouchStart, onTouchMove, onTouchEnd) are handler factories (api) => (event) => void. Covers mouse… Skill 788 A 147 —
90 hugeiconshugeicons/hugeiconsHugeicons rules for any UI work that needs icons. Covers choosing the icon library, resolving real icon names, keeping one style, and never hand-drawing an icon as inline SVG. Cursor rule 1.2k A 0 —
91 stitch::react-nativegoogle-labs-code/stitch-skillsConvert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet. Skill 8.6k A 35 —
92 ofajs-docsofajs/ofa.jsComplete documentation knowledge base for ofa.js framework. Use when users ask about ofa.js usage, component development, page modules, routing configuration, state management, or want to build Web applications without Node.js/Webpack. Skill 754 A 49 —
93 ux-ui-agent-skillsplugin87/ux-ui-agent-skillsTurn Claude into a senior design architect: DTCG design tokens, 52 components, WCAG 2.2 AA to AAA accessibility, 2,144 brand-grade design systems, any-framework code generation, and 52 objective quality gates that fail the build instead of claiming success. Plugin 3.0k A — —
94 quality-fixer-frontendshinpr/claude-code-workflowsSpecialized agent for verifying React projects and fixing frontend quality failures within the current task scope. Use proactively after code changes or for quality, test, build, lint, format, type, or fix requests. Agent 704 A 47 —
95 analytical-tableUI5/webcomponents-reactUse ALWAYS for AnalyticalTable internals — react-table v7 plugin architecture, vendored react-table code at packages/main/src/components/AnalyticalTable/react-table/, tableHooks, AnalyticalTableHooks, useDynamicColumnWidths, useColumnResizing, useRowSelect, useF2CellEdit, useManualRowSelect… Skill 543 A 209 —
96 shiny-for-pythonposit-dev/py-shinyBuilding, styling, testing, debugging, or observing a Shiny for Python (py-shiny) reactive web app - from shiny import ..., shiny run app.py. Index skill: read this, then open the linked reference for the task. Covers dashboard design and visual QA; card toolbars and accessible icons; interactive Plotly charts and… Skill 1.8k A 218 —
97 uniwinduni-stack/uniwindUniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent- color props, platform/data/state/responsive variants, CSS variables, custom utilities… Skill 1.7k A 130 —
98 portaljsdatopian/portaljsAgentic skills for building PortalJS data portals — recommend an architecture, scaffold a portal, add datasets, charts, and maps, connect a CKAN backend, deploy, and audit data quality. Plugin 2.4k A — —
99 tinyvue-develop-specopentiny/tiny-vueDevelopment rules for a TinyVue component library that supports Vue 2 and Vue 3, desktop browsers, and mobile-first layouts. They separate templates, reusable logic, styles, design rules, localization, and tests. Skill 2.3k A 12 —
100 webperf-loadingnucliweb/webperf-snippetsIntelligent loading performance analysis with automated workflows for TTFB investigation (DNS/connection/server breakdown), render-blocking detection, script performance deep dive (first vs third-party attribution), font optimization, and resource hints validation. Includes decision trees that automatically analyze… Skill 1.5k A 172 —

Want everything, not just what passes the gates? Browse the full category from any type hub, or search it. This shelf recomputes nightly from the measurements.