| # | Mod | Type | Stars | Scan | Tokens | Rating |
|---|---|---|---|---|---|---|
| 1 | 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 | — |
| 2 | 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 | — |
| 3 | 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 | — |
| 4 | 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 | — |
| 5 | shadcnshadcn-ui/uiUI component and design system framework. Search registries, install components as source code, and audit your project. | Plugin | 127k | A | — | — |
| 6 | 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 | — | — |
| 7 | 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 | — |
| 8 | 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 | — |
| 9 | 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 | — |
| 10 | 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 | — |
| 11 | 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 | — |
| 12 | 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 | — |
| 13 | 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 | — |
| 14 | 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 | — |
| 15 | 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 | — | — |
| 16 | helicone-style-guidelinesHelicone/helicone// ✅ Do this import { H1, P, Small, Muted } from "@/components/ui/typography". | Cursor rule | 6.2k | A | 3,001 | — |
| 17 | large-file-buildPrismML-Eng/Bonsai-demoBuild large HTML files in chunks when a single writefile exceeds stream limits. | Skill | 3.4k | A | 18 | — |
| 18 | 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 | — |
| 19 | 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 | — |
| 20 | interfacesjakubkrehel/skillsSkills for building great product interfaces: typography, colors, layout, accessibility, UI polish and writing. | Plugin | 8.7k | A | — | — |
| 21 | 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 | — |
| 22 | 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 | — |
| 23 | 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 | — |
| 24 | 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 | — |
| 25 | 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 | — |
| 26 | 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 | — |
| 27 | 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 | — |
| 28 | weapp-tailwindcss-custom-buildsonofmagic/weapp-tailwindcssA programming integration for adding Tailwind CSS support to a custom build tool or advanced build pipeline for WeChat Mini Programs. It connects CSS conversion with tools such as Vite, Webpack, Rspack, Rollup, Rolldown, and Gulp, including file watching and hot updates. | Skill | 1.9k | A | 123 | — |
| 29 | dembrandtdembrandt/dembrandtExtract design tokens and publicly visible CSS information from any website. Runs locally from the dembrandt npm package. | MCP server | 3.9k | A | — | — |
| 30 | page-solution-designyunshu0909/yunshu_skillshubA structured process for deciding what a web page should do, what it should contain, how it should be arranged, and how it should look. It ends with a handoff package for development. | Skill | 786 | A | 390 | — |
| 31 | animateericrisco/rsc-harnessBuild a web animation: whether it should animate at all, the purpose, the tool, the properties, the easing curve, the duration, interruption and exit. Writes the CSS or Motion code for dropdowns, modals, toasts, tooltips, accordions, press feedback, stagger and scroll reveals. Use to animate something or make a… | Skill | 314 | A | 75 | — |
| 32 | eddi-screenslabsai/EDDIHow an EDDI Manager page is actually built — the app shell, the list-page pattern, detail pages, the config-editor chrome, wizards, and loading/empty/error states. Load before creating or restructuring a page. | Skill | 387 | A | 50 | — |
| 33 | setting-up-charcoal-tailwindpixiv/charcoalUse before writing or editing code that uses @charcoal-ui with Tailwind, and whenever such a project's charcoal setup is unverified or incomplete. The v2 token route still needs the theme CSS and the .ch-token-v2 opt-in, which the preset does not supply. | Skill | 376 | A | 63 | — |
| 34 | nateherk-designnateherkai/scroll-craftDesign and build skills from Nate Herk. Ships scroll-craft: premium scroll-driven interactive landing pages, built on a full design floor (typography, spacing, colour, depth, motion, accessibility) rather than on an animation library. | Plugin | 4.1k | A | — | — |
| 35 | web-weather-creatorcuriositech/some_claude_skillsMaster of stylized atmospheric effects using SVG filters and CSS animations. Creates clouds, waves, lightning, rain, fog, aurora borealis, god rays, lens flares, twilight skies, and ocean spray—all with a premium aesthetic that's stylized but never cheap-looking. | Skill | 254 | A | 60 | — |
| 36 | shadcn-ui-mcpJpisnice/shadcn-ui-mcp-serverSkill "shadcn-ui-mcp" from Jpisnice/shadcn-ui-mcp-server, covering shadcn/ui mcp for codex and when to use. | Skill | 3.1k | A | 20 | — |
| 37 | 21st21st-dev/magic-mcpFind UI components and themes, retrieve their code, and use hosted 21st AI when enabled. | Plugin | 6.3k | A | — | — |
| 38 | figma-clisilships/figma-cliBuild and edit designs directly in Figma Desktop from your terminal — render frames/components/variants, manage design tokens & variables (shadcn/Tailwind/DTCG), extract & import whole design systems, gradients, Figma Motion, and accessibility audits. Controls Figma live over a local connection, no API key. | Plugin | 1.1k | A | — | — |
| 39 | dig-uioriginaleric/dig-ui-skillA design-system guide for building and reviewing Dig web and product interfaces. It provides rules, page layouts, reusable interface parts, and design tokens such as shared colors and spacing. | Skill | 229 | A | 77 | — |
| 40 | uniapp-style-skilljiushiwon/wg-skillsA design-system and component-style guide for uni-app WeChat mini-programs. It covers design tokens, neutral colors, spacing, typography, responsive layouts, component rules, animations, and style audits. | Skill | 121 | A | 209 | — |
| 41 | web-designdrewnekota/cetusUse when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at. A taste-first design system that makes generated pages look intentional and crafted instead of generic "AI-made". Provides an aesthetic-direction process, design tokens, a starter… | Skill | 148 | A | 80 | — |
| 42 | agentos-ui-uxSapienXai/AgentOSDesign, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. Use for React/Tailwind pages, cards, dialogs, mobile layouts, theme work, navigation, forms, empty/loading/error states, and UI consistency reviews in AgentOS. | Skill | 129 | A | 62 | — |
| 43 | maquina-ui-standardsmaquina-app/maquina_componentsBuild consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage. | Skill | 140 | A | 61 | — |
| 44 | accessibility-checkzhuyansen/agent-skills-hubCheck an HTML page for missing alt text, low contrast, unlabeled inputs and heading order. | Skill | 474 | A | 23 | — |
| 45 | oklch-skilljakubkrehel/oklch-skillOKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors. | Skill | 270 | A | 79 | — |
| 46 | colorinnei-template/smart-webapp-templateYou should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration. | Cursor rule | 143 | A | 3 | — |
| 47 | web-design-system-foundationmakifbaysal/tasktrooperUse when the repository has no design system yet (no tokens, no component library - a new site/app, an "Apply design system" task, or a task that asks for one), before building any page section - writes the approved design system's generated files from getdesignsystem (files true) and builds the tokens on them when… | Skill | 118 | A | 77 | — |
| 48 | spherse-create-ui-thememengrru/SpherseA project-level CSS file for changing the look of Spherse, such as page backgrounds, text, cards, buttons, and pop-up menus. It uses separate values for light and dark mode. | Skill | 93 | A | 32 | — |
| 49 | gpui-toolkitpierreaubert/gpui-toolkitUse when building or modifying GPUI applications in the gpui-toolkit workspace, especially when choosing reusable toolkit crates, composing UI, adding components, charts, themes, layouts, audio controls, mobile surfaces, or validation coverage. Prefer existing toolkit APIs over custom one-off implementations. | Skill | 86 | A | 60 | — |
| 50 | polycsslayoutit/polycssBuild PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements. Use when asked to create, port, debug, or explain PolyCSS code in vanilla JavaScript, React, or Vue. | Skill | 771 | A | 52 | — |
| 51 | ui-crafteduclopez/ui-craftApply the UI Craft anti-slop and craft tests when editing UI. | Cursor rule | 401 | A | 92 | — |
| 52 | mjswanttktjmt/mjswanSkills for mjswan: build, port and ship MuJoCo scenes as browser apps. | Plugin | 362 | A | — | — |
| 53 | oat-cssspinspire/pocketbase-sveltekit-starterOur preferred CSS framework — ultra-lightweight, semantic HTML UI library (8KB). Style web UIs with semantic HTML and minimal classes. Override with app-level SCSS only when necessary. | Skill | 510 | A | 42 | — |
| 54 | ape-designarpitbbhayani/ape-skillsEnforces the Array UI (array-ui) editorial systems design system for any frontend, UI, website, blog, personal site, SaaS dashboard, or documentation development task. Trigger on "ape design", "Array UI", or whenever building, styling, or scaffolding UI to guarantee high information density, mathematical precision… | Skill | 50 | A | 80 | — |
| 55 | motion2codelovisdotio/motion2codeRebuilding a motion design video as SVG + GSAP code (replay, compare, loop, real site). | Cursor rule | 273 | A | 0 | — |
| 56 | uselessscott-fryxell/braynessWhat building realness taught us about the web platform - semantic HTML with microdata as one decision that serves SEO, CSS selectors, layout, the data model, state (no Pinia), file storage paths, and the NoSQL database. Plus baseline-grid spacing, fluid type scale, materials-and-roles color, OS dark mode, and cascade… | Skill | 125 | A | 115 | — |
| 57 | css-stylingConsensys/doc.lineaCSS architecture, tokens, and styling rules for this Docusaurus site. Apply when creating or modifying components, styles, layouts, or any UI-facing code. | Cursor rule | 474 | A | 0 | — |
| 58 | tw-easing-gradientsenisbu/tw-easing-gradientsReplace Tailwind CSS linear gradients with smooth eased gradients using tw-easing-gradients. Use when upgrading bg-gradient-to-, creating fading backgrounds, or smooth color transitions. | Skill | 62 | A | 40 | — |
| 59 | create-wot-ui-themewot-ui/wot-starterA workflow for creating one SCSS file that defines and mounts a custom Wot UI theme. SCSS is a CSS format with extra features for organizing styles. | Skill | 392 | A | 55 | — |
| 60 | mantine-custom-componentsmantinedev/skillsBuild custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via… | Skill | 63 | A | 134 | — |
| 61 | avoid-ai-designfunboy322/avoid-ai-designAudit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the second-order "tasteful AI" ones (cream with terracotta, near-black with acid green, all-caps mono chrome, one accented… | Skill | 127 | A | 176 | — |
| 62 | hig-doctor-auditraintree-technology/hig-doctorAudit interface source with HIG Doctor when the user asks to scan, lint, review, or remediate Swift, UIKit, AppKit, React, Vue, Svelte, Angular, Compose, Android XML, Flutter, CSS, or HTML for HIG-aligned interface and accessibility concerns. Do not activate for general design advice without source to audit; use the… | Skill | 148 | A | 86 | — |
| 63 | agent-skillsmblode/agent-skillsSkills for the parts of shipping that code review never covers: the loading states, the type scale, and whether half the diff is AI slop. | Plugin | 167 | A | — | — |
| 64 | brandmdyuvrajangadsingh/brandmdExtract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand. | Skill | 70 | A | 41 | — |
| 65 | extract-design-systemarvindrk/extract-design-systemExtract design primitives from a public website and generate starter token files for your project. | Skill | 257 | A | 20 | — |
| 66 | designAgentOps-AI/agentopsAll tasks related to updating frontend components, CSS, and general styling. | Cursor rule | 5.9k | A | 13 | — |
| 67 | reel-text-usageKickNext/reel_textUse when adding, reviewing, or refactoring Flutter UI that may use reeltext for compact rolling text: command feedback, async/status labels, counters, rotating short phrases, styled TextSpan phrases, WidgetSpan inline anchors, or editable inline corrections. Also use when deciding whether plain Text is better or… | Skill | 50 | A | 69 | — |
| 68 | monochromevaneenige/monochrome-uiBuild accessible UI with monochrome, the framework-agnostic UI library for agents. Use whenever a project depends on monochrome or has ids starting with mct:, mcc:, or mcr:, and whenever you write or fix an accordion, collapsible, dialog or modal, dropdown or context menu, menubar, popover, tabs, or tooltip in HTML… | Skill | 134 | A | 97 | — |
| 69 | oil-frontendoil-oil/oil-frontendA set of instructions for building and reviewing product front ends, meaning the visible part of an application that users interact with. It covers pages, components, forms, data flow, layout, styling, responsive behavior, and animations. | Skill | 137 | A | 158 | — |
| 70 | beautify-with-pingfusialex-durango/pingfusiBeautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer. Use when asked to "beautify this website," "make this page look professional," "polish this UI/design," "improve the visual design," or finish an AI-built page when there is no reference site to match. Do not… | Skill | 132 | A | 95 | — |
| 71 | frontend-harness-slidespatrick-fu/awesome-skillsBuild and revise iteration-safe HTML slide decks with polished visuals, motion, testing, and web/PDF/static delivery. Use only for HTML slide projects. | Skill | 69 | A | 36 | — |
| 72 | superdesign-skillsuperdesigndev/superdesign-skillDesign or redesign frontend UI, presentations, and marketing graphics on the Superdesign infinite canvas. Uses approved slide outlines, project context, and branchable drafts you refine. | Plugin | 906 | A | — | — |
| 73 | insane-designfivetaku/insane-designDesign system extractor, applier, and builder — analyze any URL, apply to your project, or build from scratch with deterministic CSS + §18 DON'T grep contract. | Plugin | 134 | A | — | — |
| 74 | frontend-designIlm-Alan/frontend-designBuild a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or filler labels. Use when building or restyling a frontend. | Skill | 151 | A | 49 | — |
| 75 | web-designxiaopu-ai/web-designA web design workflow for turning a brief, reference website, screenshot, or keywords into a design specification and then web code. It covers visual style, page structure, interaction, responsive layouts, and motion. | Skill | 800 | A | 151 | — |
| 76 | ui-and-themepinebasedev/svelteflareFrontend/design system skill for the svelteflare monorepo. Use this whenever the user wants to build or modify UI — pages, sections, components, layouts, forms, cards, tables, dialogs, dashboards, or landing pages. Also invoke for anything theme-related: light/dark mode, custom colors, design tokens, typography, or… | Skill | 50 | A | 159 | — |
| 77 | storyboard-shot-to-htmlgodot-fun/godot-frameworkTurns a storyboard shot (video prompt + narration) into a self-contained fullscreen HTML CSS animation for the browser. Analyzes VO/旁白, searches related facts and usage cues, then builds a rich layered stage (camera, subject, secondary UI, light, micro-detail) with Fullscreen API and Space-to-play. Use when the user… | Skill | 116 | A | 127 | — |
| 78 | uizze-ui-finish-gateuizze/uizzeApply the UIZZE design contract and finish gate to frontend work. | Cursor rule | 68 | A | 177 | — |
| 79 | silk-designbendrape1-byte/silk-designBuild websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. Use when building or restyling any website, landing page, hero, marketing page, portfolio, or web UI; when adding scroll animations, reveals, parallax, marquees, hover effects, page… | Skill | 140 | A | 140 | — |
| 80 | interface-kitJuliusBrussee/skillsAuthoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principles, spatial design, typography, color systems, and component craft into a single actionable reference. Complements the design-system skill (which covers… | Skill | 169 | A | 125 | — |
| 81 | julilaoshi-designjulilaoshi/julilaoshi-designCreate and edit visual designs with Affinity or HTML, including computer-use editing, native-file saving, browser editing and export checks. Also supports user-requested Pencil workflows. Use for editable posters, visual pages and existing design-file revisions. | Skill | 121 | A | 52 | — |
| 82 | igniteui-themingIgniteUI/igniteui-mcp-testbedA set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components. Runs locally from the igniteui-theming npm package. | MCP server | 50 | A | — | — |
| 83 | shadcn-sveltekit-designMichael-Obele/shadcn-svelte-mcpUse when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP. Trigger on landing pages, dashboards, marketing sites, app shells, forms, navbars, tables, dialogs, charts, sidebars, auth screens, blocks, responsive layouts… | Skill | 58 | A | 115 | — |
| 84 | motion-designLottieFiles/motion-design-skillApplies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects… | Skill | 2.5k | A | 82 | — |
| 85 | ui-designerAFK-surf/OpenBridgeDesign or restyle user interfaces using vendored DESIGN.md references from popular product and brand-inspired visual systems. Use when the user asks for UI in the style of a named reference such as Stripe, Vercel, Apple, Linear, Airbnb, Spotify, Notion, Figma, or similar; asks to match a reference design; or wants the… | Skill | 433 | A | 91 | — |
| 86 | design-tasteh3nryprod01/design-tasteElite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI (landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states) or asks to make something look better /… | Plugin | 82 | A | — | — |
| 87 | fluidglass-uicsuyincs-creator/fluidglass-uiGenerates production-grade WebGL fluid glass card interfaces with a fixed canonical material core (144px-tall, 30px-radius wide cards, transparent canvas, cyan. | Skill | 68 | A | 37 | — |
| 88 | dashmotioncsthink/dashmotionCreate dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as light dots through the system (Diagrid/Temporal landing-page style). Use this skill whenever the user asks for a flowchart, workflow, pipeline… | Skill | 180 | A | 187 | — |
| 89 | ktuikeenthemes/ktuiComprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns. Use this skill when building UI with KtUI, adding/customizing components, working with KtUI theming/colors/dark-mode, or when the user mentions KtUI, ktui… | Skill | 153 | A | 95 | — |
| 90 | gridgeistohmiler/gridgeistUse when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from generic AI-generated SaaS aesthetics. Adapt grid, typography, imagery, motion, and product evidence to the established brand—including… | Skill | 115 | A | 101 | — |
| 91 | senior-frontendyezannnnn/agentGroupFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality. | Skill | 150 | A | 52 | — |
| 92 | refactoring-uijaywilburn/refactoring-ui-skillComprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building… | Skill | 96 | A | 154 | — |
| 93 | skyline-componentswechat-miniprogram/skyline-skillsA development guide for Skyline, a mobile interface framework, covering scrolling, carousels, forms, images, text, draggable panels, and page animations. It also documents Skyline-specific components such as list views, grid views, sticky headers, and shared-element transitions. | Skill | 55 | A | 81 | — |
| 94 | web-animation-skillsiart-ai/web-animation-skillsWeb animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent. | Plugin | 59 | A | — | — |
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.