| # | Mod | Type | Stars | Scan | Tokens | Rating |
|---|---|---|---|---|---|---|
| 1 | archifytt-a1i/archifyCreate validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone HTML with dark/light themes, motion and image/SVG/WebM export. Accept requirements or Mermaid; inspect repository evidence for code-backed diagrams. Use when… | Skill | 94k | A | 162 | — |
| 2 | 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 | 225k | A | 192 | — |
| 3 | design-taste-frontendLeonxlnx/taste-skillBuild the website a good company would ship: it says plainly what is sold, shows the real thing on every screen, and looks made for this client, not from a template and not like an art piece. figma.com and x.ai are the bar (in words: layout-v4.md section 1). | Skill | 111k | A | 184 | — |
| 4 | shadcn-addTryGhost/GhostAdd a new ShadCN/UI component to Shade with Storybook stories. | Command | 56k | A | 14 | — |
| 5 | 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 | — |
| 6 | 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 | — |
| 7 | 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 | — |
| 8 | 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 | 29k | A | 123 | — |
| 9 | shadcnshadcn-ui/uiUI component and design system framework. Search registries, install components as source code, and audit your project. | Plugin | 127k | A | — | — |
| 10 | ui-ux-pro-maxnextlevelbuilder/ui-ux-pro-max-skillUI/UX design intelligence. Searchable local database with 80 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP… | Plugin | 146k | A | — | — |
| 11 | 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 | — |
| 12 | impeccablepbakaus/impeccableDesign fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection. | Plugin | 104k | A | — | — |
| 13 | lark-appslarksuite/cliA toolkit for creating, developing, hosting, and publishing applications in Feishu’s Miaoda (Spark) platform, either locally or through cloud-based generation. It also covers page designs, integrations, monitoring, and access settings. | Skill | 18k | A | 364 | — |
| 14 | 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 | — |
| 15 | 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 | — |
| 16 | diagram-designcathrynlavery/diagram-designArchitecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar, loop, nested, tree, org chart, layer stack, exploded/plan, Venn, pyramid/funnel, bar, waterfall, treemap, heatmap, line, Gantt, scatter, high-level, process… | Plugin | 65k | A | — | — |
| 17 | landing-page-designelayadesign/ai-design-skillsComplete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion. Use this skill whenever building, editing, styling, reviewing, or… | Skill | 14k | A | 135 | — |
| 18 | browserwing-executorMemTensor/MemOSControl browser automation through HTTP API. Supports page navigation, element interaction (click, type, select), data extraction, accessibility snapshot analysis, screenshot, JavaScript execution, and batch operations. | Skill | 12k | A | 42 | — |
| 19 | flint-interaction-authormicrosoft/flint-chartUse when: a Flint chart should respond to the reader (highlight, zoom, brush, legend toggle, reorder, annotate, explore, link charts); an application or an agent changes a mounted chart from outside or reads what it shows; or a gesture no preset gives must be built. Produce one valid interactionspec, one ChartUpdate… | Skill | 4.5k | A | 87 | — |
| 20 | 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 | 14k | A | 96 | — |
| 21 | create-design-mdibelick/ui-skillsCreate or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote… | Skill | 11k | A | 66 | — |
| 22 | open-pencilopen-pencil/open-pencilWork with Figma .fig design files and the running OpenPencil editor — inspect structure, query nodes, analyze design tokens, export PNG/SVG/PDF/JSX, and modify designs programmatically. Use when asked to open, inspect, export, analyze, or edit .fig files, or to control the running OpenPencil app. | Skill | 9.6k | A | 73 | — |
| 23 | frontend-designOrkas-AI/OrkasUse this as the design-lead layer for VideoStudio COMPOSE work. It shapes project/composition/composition-manifest.json::artdirection and the model-authored HTML/SVG motion graphics in index.html. | Skill | 9.0k | A | 0 | — |
| 24 | 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 | — |
| 25 | hallmarkNutlope/hallmarkA design skill for Claude Code, Codex, Cursor and OpenCode that refuses to look AI-generated. Powered by Together AI. | Plugin | 49k | A | — | — |
| 26 | frontend-design-landing-pagecloudflare/vibesdkMarketing landing page and conversion-focused product page reference. Use this skill when building hero sections, feature grids, pricing pages, testimonials, CTAs, footers, navigation bars, or any public-facing marketing surface. Covers a warm, professional, developer-friendly design language (cream backgrounds… | Skill | 5.5k | A | 106 | — |
| 27 | ppt-script-authoringEverMind-AI/RavenDesign and build a deck as a python-pptx program: your own layout system, the source's own figures, charts you draw, and a template's design when the user gave one. | Skill | 6.0k | A | 44 | — |
| 28 | drawio-skillAgents365-ai/drawio-skillCreate and edit draw.io/diagrams.net diagrams as editable .drawio files. Covers architecture, UML/ERD/sequence, BPMN, network, and swimlane views authored from a description or converted from code, IaC, SQL, and API schemas, plus sync, query, test, review, export, and publish of existing diagrams. Use when the user… | Skill | 11k | A | 107 | — |
| 29 | next-ai-drawioDayuanJiang/next-ai-draw-ioAI-powered Draw.io diagram generation with real-time browser preview. Create flowcharts, architecture diagrams, and more through natural language. | Plugin | 37k | A | — | — |
| 30 | checktw93/WazaReviews diffs, PRs, release readiness, and publishing follow-through. Use when asked to review, triage issues or PRs, or ship. Not for debugging root causes or prose. | Skill | 7.5k | A | 41 | — |
| 31 | 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.2k | A | 36 | — |
| 32 | 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 | — |
| 33 | 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 | — | — |
| 34 | 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 | 39k | A | 46 | — |
| 35 | drawiojgraph/drawio-mcpAlways use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch, or mentions draw.io, drawio, drawoi, .drawio files, or diagram export to PNG/SVG/PDF. Exception: in a chat that shows… | Skill | 5.8k | A | 160 | — |
| 36 | fireworks-tech-graphyizhiyanhua-ai/fireworks-tech-graphCreate precise SVG technical diagrams, export PNG or offline HTML, and animate supported semantic SVGs to GIF. Use for architecture, UML, agent, cloud or workflow diagrams; not photos, raster art or statistical charts. | Skill | 12k | A | 49 | — |
| 37 | pascal-agent-skillspascalorg/editorCreate, inspect, validate, and assess furniture layouts with bounded next actions in Pascal through MCP. | Plugin | 25k | A | — | — |
| 38 | ip-as-logos1dashu/ip-as-logo-skillGenerate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and a dominant lower-left composition. Use when creating an animal, creature, robot, ghost, plant, object, or other character image, including when the agent… | Skill | 6.4k | A | 77 | — |
| 39 | app-store-screenshotsParthJadhav/app-store-screenshotsUse when building App Store or Google Play screenshot pages, generating exportable marketing screenshots for iOS, macOS, and/or Android apps, or scaffolding a screenshot editor with Next.js. Triggers on app store, mac app store, play store, screenshots, marketing assets, html-to-image, phone mockup, mac mockup… | Skill | 7.8k | A | 80 | — |
| 40 | open-canvasbasketikun/infinite-canvasInstructions for opening Infinite Canvas, an online or local visual canvas that can connect to a local Canvas Agent. They explain how to start the agent and open the canvas in a browser. | Skill | 9.7k | A | 38 | — |
| 41 | ccgui-plugin-creatorzhukunpenglinyutong/desktop-cc-guiA plugin-building workflow for CC GUI, a desktop client that can be extended with plugins written as configuration or JavaScript modules. | Skill | 4.6k | A | 132 | — |
| 42 | oh-my-ppt-layoutarcsin1/oh-my-pptMust be read before creating, relaying out, or repairing Oh My PPT slide layouts. Defines the per-page decision path, the named layout pattern catalog, canvas budgeting, collision avoidance, chart overpack guardrails, and title readability rules. | Skill | 2.3k | A | 54 | — |
| 43 | accessibilitymicrosoft/hve-coreConsolidated accessibility skill entrypoint for WCAG 2.2, ARIA Authoring Practices, cognitive accessibility, Section 508, EN 301 549, design intent verification, and the Accessibility Planner workflow. | Skill | 1.6k | A | 47 | — |
| 44 | 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.9k | A | 162 | — |
| 45 | thesvgglincker/thesvgFetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. Use when the user asks for a brand logo, company icon, framework mark, service icon, or any "icon/logo for X" where X is a real brand or cloud service. Returns ready-to-use CDN URLs or raw SVG markup. | Skill | 3.0k | A | 72 | — |
| 46 | kamitw93/KamiTypeset professional documents and landing pages with the Kami design system. | Plugin | 12k | A | — | — |
| 47 | slidesgridaco/gridaBuild a Grida slides deck — a .canvas bundle in slides mode whose pages are SVG documents (16:9, one SVG per slide). Use when creating a presentation, pitch deck, slideshow, or talk. | Skill | 2.7k | A | 46 | — |
| 48 | 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 | — |
| 49 | excalidraw-skillyctimlin/mcp_excalidrawExcalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas. Use when an agent needs to (1) draw or lay out diagrams, (2) iteratively refine them by describing the scene and screenshotting its own work, (3) export/import .excalidraw files or PNG/SVG images, (4) save/restore canvas… | Skill | 2.6k | A | 155 | — |
| 50 | data-visualization-disciplinedaymade/claude-code-skillsA rulebook for choosing and reviewing data visualizations before they are made. It covers the intended conclusion, chart type, summary statistics, aggregation, axes, colors, legends, and table columns across web pages, dashboards, presentations, and charting libraries. | Skill | 1.5k | A | 236 | — |
| 51 | dstack-prototypingdstackai/dstackUse with the dstack skill for model-serving work when the image, serving command, resources, backend/fleet choice, or service behavior is not proven. Guides task-first prototyping on real hardware, choosing fleets/backends that can reuse idle instances and caches, checking vLLM/SGLang sources, and verifying the final… | Skill | 2.3k | A | 80 | — |
| 52 | solidworks-automationwzyn20051216/solidworks-automation-skillAn automation skill for SolidWorks, a computer-aided design program used to create 3D parts, assemblies, and engineering drawings. It covers verified CAD operations and marks less-tested operations for human review. | Skill | 1.8k | A | 56 | — |
| 53 | antislopmiqdadbadjuber/anti-slopAlways-on antislop pointer for Cursor sessions. Loads the matching skills and saved usage mode. | Cursor rule | 8.4k | A | 310 | — |
| 54 | interfacesjakubkrehel/skillsSkills for building great product interfaces: typography, colors, layout, accessibility, UI polish and writing. | Plugin | 11k | A | — | — |
| 55 | Figma-Context-MCPGLips/Figma-Context-MCPGive your coding agent access to your Figma data. Implement designs in any framework in one-shot. Runs locally from the figma-developer-mcp npm package. Needs 1 environment variable to run. | MCP server | 16k | A | — | — |
| 56 | making_pagessiddsachar/row-botTemplates and rules for interactive pages beside the chat: plans with approvals, checklists, dashboards, comparisons, forms and small tools. | Skill | 1.7k | A | 29 | — |
| 57 | openscreen-designgetopenscreen/openscreenUse this skill to generate well-branded interfaces and assets for OpenScreen (an AI-native screen-recording studio & video editor), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. | Skill | 6.3k | A | 62 | — |
| 58 | 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 | — |
| 59 | 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 | — |
| 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 | new-feature-designagentic-community/mcp-gateway-registryDesign and document new features with GitHub issue, low-level design (LLD), expert review, and testing plan. Creates structured documentation in .scratchpad/ with issue spec, technical design with diagrams and pseudo-code, multi-persona expert review, and a testing plan covering functional (curl and… | Skill | 1.0k | A | 118 | — |
| 62 | latex-postersbeita6969/ScienceClawCreate professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication. | Skill | 1.0k | A | 60 | — |
| 63 | dynamic-archifyUnclecheng-li/AI_AnimationCreate professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing animation effects, a built-in dark/light theme toggle, and one-click export to PNG / JPEG / WebP / SVG / GIF / WebM. Accepts plain-language descriptions or pasted… | Skill | 1.7k | A | 163 | — |
| 64 | designlangManavarya09/design-extractExtract any website's design language and ship it. Fourteen slash commands — /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify, /fidelity, /gallery, /dna — wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion + voice, synthesize a whole-site… | Plugin | 4.8k | A | — | — |
| 65 | chrome-cdpmattzcarey/shippieDrive a headless Chrome over the Chrome DevTools Protocol (CDP) for browser QA — navigate, click, fill forms, read the DOM/accessibility tree, screenshot, and assert. Use whenever a task requires loading a web page and interacting with it like a user. Chrome is launched by a bash step (recipe below); this skill… | Skill | 2.5k | A | 91 | — |
| 66 | swiftui-expertAvdLee/SwiftUI-Agent-SkillExpert SwiftUI guidance for state management, view composition, performance, modern SDK APIs, and Liquid Glass adoption. | Plugin | 3.8k | A | — | — |
| 67 | 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 | — |
| 68 | 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 | 864 | A | 54 | — |
| 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 | 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 | 914 | A | 97 | — |
| 71 | shieldcn-badgesjal-co/shieldcnCreate polished shieldcn README badges, badge groups, charts, headers, sponsors grids, and full README hero sections. Use when a user wants shadcn/ui-styled badges, Shields.io replacement, npm/GitHub/CI/status badges, download charts, README header banners, contributor/sponsor images, or README Studio guidance.… | Skill | 940 | A | 145 | — |
| 72 | 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 | — |
| 73 | change-impactopen-mercato/cezarExplain a pull request or a spec as a visual architecture and product review — before/after component relationships, capabilities, runtime flows, the public API delta, trade-offs, pattern/product fit and evidence-backed human decisions — rendered by cezar as a self-contained HTML report. Use for… | Skill | 949 | A | 93 | — |
| 74 | figma-useHaohao-end/openagentMANDATORY prerequisite — you MUST invoke this skill BEFORE every usefigma tool call. NEVER call usefigma directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in… | Skill | 748 | A | 114 | — |
| 75 | fluidcad-assemblyFluid-CAD/FluidCADBuilding multi-part models in FluidCAD: assemblies, part files, inserting and mating parts, connectors, exposed geometry, part parameters, sub-assemblies, replicated instances, STEP parts, project units, and assembly export. Use this skill whenever the user wants an assembly, a mechanism, a hinge, a slider, several… | Skill | 693 | A | 154 | — |
| 76 | antv-infographic-skillsantvis/InfographicAn Infographic Generation and Rendering Framework, bring words to life! | Plugin | 7.1k | A | — | — |
| 77 | effective-html marketplaceplannotator/effective-htmlCreative direction and focused skills for self-contained HTML artifacts, wireframes, interactive prototypes, plans, and diagrams. | Plugin | 4.0k | A | — | — |
| 78 | 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.8k | A | 172 | — |
| 79 | 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 | 958 | A | 0 | — |
| 80 | agentationlatitude-dev/latitude-llmMCP server for Agentation - visual feedback for AI coding agents. Runs locally from the agentation-mcp npm package. | MCP server | 4.7k | A | — | — |
| 81 | animatechildrentime/reactuseReview a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. | Skill | 1.1k | A | 25 | — |
| 82 | omd-applykwakseongjae/oh-my-designA skill that applies a project's DESIGN.md file as visual and brand guidance for interface work. It covers components, colors, fonts, layout, copy, motion, and visual assets. | Skill | 567 | A | 129 | — |
| 83 | gen-assemblypartcad/partcadGenerate a PartCAD assembly (an ASSY that composes parts with placement and/or mates) from a description, writing down what it is required to be, generating or reusing the component parts, settling the placements on temporary layout sketches that /pc:gen-sketch measures and validates, and validating the result with… | Skill | 515 | A | 111 | — |
| 84 | beautify-github-readmeoil-oil/beautify-github-readmeRedesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase… | Skill | 1.9k | A | 143 | — |
| 85 | layout-patternsSAP/fundamental-stylesCommon UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more. | Skill | 280 | A | 26 | — |
| 86 | figma-a11y-annotationscvs-health/ios-swiftui-accessibility-techniquesRules for generating accessibility annotations on iOS/iPadOS mobile designs in Figma. Enforces a bare-minimum annotation discipline, an iOS vocabulary instead of web ARIA terms, and exact grammar for names, control types, page titles, values, hints, headings, groups, and reading order. Never annotates visible text as… | Skill | 388 | A | 110 | — |
| 87 | dembrandtdembrandt/dembrandtExtract design tokens and publicly visible CSS information from any website. Runs locally from the dembrandt npm package. | MCP server | 4.0k | A | — | — |
| 88 | vision-skillsAnionex/agent-vision-toolkitLocal vision CLIs: glance (describe/ask/OCR an image), ground (locate a target, pixel box), detect (element inventory), trace (image to SVG geometry), crop (cut a pixel box to a file), and scripts/htmlshot.py (HTML file to image). Use for any task involving an image — questions, text, splitting and transcribing long… | Skill | 1.3k | A | 132 | — |
| 89 | figma-codegenawdr74100/figwrightGenerate framework-aware code from a Figma design. Reads the project's stack profile and emits code matching the existing framework (React/Vue/Svelte/Next/etc.) and styling (Tailwind/CSS/CSS-in-JS), reusing existing components and design tokens instead of regenerating from scratch. Triggers whenever the user wants a… | Skill | 1.3k | A | 145 | — |
| 90 | html-widgetPM-Shawn/Abu-CoworkA guide for creating interactive visual components with HTML. These components can respond to user actions, animate ideas or display data. | Skill | 419 | A | 82 | — |
| 91 | 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.1k | A | — | — |
| 92 | HuskarUImengps/HuskarUIQueries HuskarUI metadata with Python and guides HuskarUI-first QML/C++ code. Invoke when choosing components, checking examples, or generating HuskarUI UI. | Skill | 606 | A | 39 | — |
| 93 | ui-ux-pro-maxshobcoder/shobUI/UX design intelligence expert for web and mobile applications. Use when designing interfaces, selecting color palettes, typography, visual styles, building landing pages, dashboards, or reviewing code for UX issues. Covers 50+ design styles, 97 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types… | Skill | 575 | A | 104 | — |
| 94 | editing-model-diagramsgoadesign/modelCreates, edits, reviews, and regenerates C4 architecture diagrams written with goa.design/model and the mdl CLI. Use when changing Model DSL, model.go or views.go files, system landscape, context, container, component, dynamic, or deployment views, element relationships, boundaries, layout, or generated SVG diagrams. | Skill | 467 | A | 69 | — |
| 95 | user-research-cookiycookiy-ai/user-research-skillEnd-to-end user research assistant — qualitative and quantitative. Use this skill whenever the user mentions user research, user interviews, discussion guides, interview guides, research plans, qualitative research, quantitative research, user surveys, survey design, usability studies, participant recruitment… | Skill | 1.6k | A | 154 | — |
| 96 | chunuiliseami/ChunUIBuild iOS apps with the ChunUI design system (Monochrome texture extracted from the production app Zinner/Chat0IM). Use when integrating ChunUI via SPM, theming with CCColors, using CC components (buttons/forms/cards/sheet/toast/alert/skeleton), Metal effects (aurora/fractal/generating/sweep), motion primitives… | Skill | 552 | A | 104 | — |
| 97 | gc-minimal-zine-poster-v0-3LiamGvchi/gc-minimal-zine-posterGenerate or analyze poetic paper-texture minimal zine posters with large negative space, a small editorial collage or focal element, experimental typography, and one clear color accent. Use when the user gives a theme, sentence, article, mood, object, photo, content brief, reference images, or an image folder and… | Skill | 7.5k | A | 100 | — |
| 98 | 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 | 390 | A | 50 | — |
| 99 | redesign-existing-projectselayadesign/redesign-skillAudits and upgrades existing websites and apps to premium quality. Diagnoses generic AI design patterns, weak states, and sloppy code, then applies targeted fixes without breaking functionality. Use this skill whenever the user wants to improve, polish, upgrade, refine, audit, fix, or redesign an EXISTING site, page… | Skill | 520 | A | 100 | — |
| 100 | frontend-designOrkas-AI/Orkas-VideoStudioAesthetic direction for OrkasVideoStudio HTML and motion-graphics compositions. Use before stage-compose writes composition-manifest.json artdirection and index.html to choose a subject-specific visual point of view, type, palette, layout signature, restrained motion, and anti-template checks. | Skill | 344 | A | 57 | — |
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.