Categories › Software Development
See all Software Development tools →1,728 agent tools in this category, ranked by GitHub stars for now. Hands-on test results will replace this ranking as they finish.
The three most-starred tools here. Not tested together yet.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making ch
npx skills add anthropics/skills --skill frontend-designSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for
npx skills add anthropics/skills --skill web-artifacts-builderBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layout
npx skills add addyosmani/agent-skills --skill frontend-ui-engineering| Tool | Stars | Last update | License | |
|---|---|---|---|---|
| frontend-design Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and SkillOfficial · AnthropicInstall · skills CLI | 194,218 | — | ||
| web-artifacts-builder Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui SkillOfficial · AnthropicInstall · skills CLI | 194,218 | — | ||
| frontend-ui-engineering Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implement SkillInstall · skills CLI | 117,221 | MIT | ||
| dashboard-chat-best-practices Apply dashboard-grade chat UX patterns in the Eve chat template. Use when changing Next.js Cache Components/PPR behavior, static shell layout, Suspens SkillInstall · skills CLI | 116,897 | Apache-2.0 | ||
| design-taste-frontend tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its SkillInstall · skills CLI | 115,156 | MIT | ||
| design-critique Give a structured product design critique — user job clarity, hierarchy, affordance, error states, accessibility, and consistency — focused on what to SkillInstall · skills CLI | 113,505 | MIT | ||
| directions-lab Scaffold a directions lab that shows shipped UI (Today) beside 2-3 design directions, with surface tabs, theme and animation toggles and the V1 MVP ho SkillInstall · skills CLI | 113,505 | MIT | ||
| wireframe Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. Use when asked to wireframe, sketch a screen, draft a layout, make a low-f SkillInstall · skills CLI | 113,505 | MIT | ||
| impeccable Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: web SkillInstall · skills CLI | 109,741 | Apache-2.0 | ||
| impeccable Use to design, redesign, critique, audit, polish or animate a frontend: websites, landing pages, dashboards, app UI, components, native iOS/Android sc SkillInstall · skills CLI | 109,741 | Apache-2.0 | ||
| critique Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| critique-theater Five-dimension design quality review — score the artifact against craft, brand, accessibility, and copy, then fix what falls short before handing it o SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| design-brief Parse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| direction-picker Resolves the visual direction at the plan stage from the brief and design system, without asking the user. SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| frontend-slides OpenDesign as a worked AI-workflow example: how local agents read your files and design on your desktop — concretely. Built as a decision-grade AI lit SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| fs-electric-studio OpenDesign as an enterprise design platform: a buyer-forwardable proposal for a design-org's economic buyer — pain, value, ROI, rollout. Built as a de SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| gamified-app A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ri SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| html-ppt For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan. Built around the core query "consultin SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| html-ppt-taste-brutalist 16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline over SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| html-ppt-taste-editorial 16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whites SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| html-ppt-xhs-pastel-card A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Built as a decision-grade story deck for c SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| html-ppt-zhangzara-8-bit-orbit A gamer's journey building a retro-arcade collection — the obsession, the hunt, and what the machines came to mean. Built as a decision-grade story de SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| html-ppt-zhangzara-vellum A humanities lecture: how Renaissance linear perspective reshaped early cartography — sources, argument, and evidence. Built as a decision-grade acade SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| huashu-bento-insight OpenDesign vs closed cloud design tools: a side-by-side displacement case on control, cost (BYOK), and lock-in. Built as a decision-grade B2B sales de SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| ib-pitch-book OpenDesign's investor pitch book: market map, moat, unit economics, and the ask — analyst-grade and diligence-ready. Built as a decision-grade fundrai SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| kami-deck A lab-meeting deck on gut-microbiome links to sleep quality — the design, the results, the caveats, and the next experiment. Built as a decision-grade SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| kami-landing Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The o SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| magazine-poster An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, a SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| motion-ui-morph One-Shape UI Motion — motion design template. A 14-second code-only UI motion piece, rebuilt from the viral original: one shape morphs from a button i SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| od-contribute One-click contribution flow for OpenDesign (nexu-io/open-design) — even for non-coders. Pick one of four cards (ship a Skill or Design System you made SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| open-design-homepage A pixel-faithful, self-contained mirror of the live open-design.ai homepage — an interactive React Three Fiber / Next.js hero with a real-time 3D word SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| pricing-page A standalone pricing page — header, plan tiers, feature comparison table, and an FAQ. Use when the brief asks for "pricing", "plans", "subscription ti SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| prompt-motion-gallery Prompt Motion 网页作品浏览与形态变换演示。 SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| replit-deck For product and technical management work: turn PRDs, roadmaps, RFCs, architecture reviews, and retros into decision documents. Built around the core SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| saas-landing Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger ke SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| simple-deck OpenDesign's operating review: growth, burn, and the concrete path to sustainability without losing the open ethos. Built as a decision-grade corporat SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| social-carousel A three-card social-media carousel laid out as 1080×1080 squares — three cinematic, on-brand panels with display headlines that connect across the ser SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| tweaks Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| web-prototype General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts fr SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| web-prototype-taste-brutalist Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red acc SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| web-prototype-taste-editorial Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-w SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| web-prototype-taste-soft Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. D SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| webgl-experience A full-screen, real-time WebGL/WebGL2 experience — animated shaders, 3D scenes, generative visuals, particle fields — rendered live on the GPU with a SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| wireframe-annotated An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid with numbere SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| wireframe-greybox A crisp greybox / blueprint lo-fi wireframe — neutral grey blocks on a pale page, image placeholders drawn as a rectangle with a diagonal X, text show SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| wireframe-mobile-flow A lo-fi multi-screen MOBILE flow wireframe — three or four phone frames laid out in a row on a board, showing a connected user flow (Onboarding → Home SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| wireframe-sketch A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations, scribble SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| worker-visualizer A real-time data/particle/simulation visualizer whose heavy compute runs in a Web Worker (off the main thread), optionally sharing memory with the UI SkillInstall · skills CLI | 107,550 | Apache-2.0 | ||
| bubble-automation Automate Bubble tasks via Rube MCP (Composio). Always search tools first for current schemas. SkillInstall · skills CLI | 79,451 | — | ||
| Front-End Checklist Review frontend code and live pages against 386 quality-gated web development rules. MCP serverGitHub-verified authorRemote● LiveFree to try | 74,714 | MIT | ||
| visualize Builds a self-contained HTML page (chart, table, diagram, dashboard) to show inline in a thread. Use before calling show_html_page, html_preview or ht SkillInstall · skills CLI | 70,897 | — | ||
| presentation-styling Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation SkillInstall · skills CLI | 69,046 | MIT | ||
| animate Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, wh SkillInstall · skills CLI | 56,728 | MIT | ||
| animate-expo Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread SkillInstall · skills CLI | 56,728 | MIT | ||
| animation-performance Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the c SkillInstall · skills CLI | 56,728 | MIT | ||
| animation-vocabulary Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens SkillInstall · skills CLI | 56,728 | MIT | ||
| apple-design Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring anim SkillInstall · skills CLI | 56,728 | MIT | ||
| ask-sonner Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismiss SkillInstall · skills CLI | 56,728 | MIT | ||
| break-ui Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, SkillInstall · skills CLI | 56,728 | MIT | ||
| choreograph Coordinate several elements that animate together — decide what moves, in what order, how much they overlap, and what stays still — so a group reads a SkillInstall · skills CLI | 56,728 | MIT | ||
| emil-design-eng Emil Kowalski's design-engineering philosophy for UI polish, component design, animation decisions, and the invisible details that make software feel SkillInstall · skills CLI | 56,728 | MIT | ||
| find-animation-opportunities Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact value SkillInstall · skills CLI | 56,728 | MIT | ||
| gestures Build drag, swipe, and sheet interactions that track the finger 1:1 and stay interruptible. Use when building or fixing anything the user drags, swipe SkillInstall · skills CLI | 56,728 | MIT | ||
| improve-animations Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for SkillInstall · skills CLI | 56,728 | MIT | ||
| learn-taste Turn a session's design corrections into rules, with their why, in DESIGN.md, a project skill, or a lint check. SkillInstall · skills CLI | 56,728 | MIT | ||
| mobile-native Make 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. C SkillInstall · skills CLI | 56,728 | MIT | ||
| pick-ui-library Pick the library for a frontend task from a curated list — primitives, toasts, drawers, command menus, OTP, numbers, charts, virtualization, drag and SkillInstall · skills CLI | 56,728 | MIT | ||
| prototype Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote SkillInstall · skills CLI | 56,728 | MIT | ||
| remove-animations Find the animations an interface doesn't need and remove them — motion on keyboard actions, high-frequency surfaces, functional data, and decoration w SkillInstall · skills CLI | 56,728 | MIT | ||
| review-animations Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval i SkillInstall · skills CLI | 56,728 | MIT | ||
| Chrome DevTools MCP MCP server for Chrome DevTools MCP serverGitHub-verified authorLocal · npm | 55,179 | Apache-2.0 | ||
| cherry-electron-dev Develop, fix, profile, and test PRs in a tracked Cherry Studio Electron instance. Use for implementation, UI and interaction work, runtime debugging, SkillInstall · skills CLI | 53,498 | AGPL-3.0 | ||
| vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React SkillInstall · skills CLI | 53,498 | AGPL-3.0 | ||
| io.github.tldraw/tldraw Draw and visually collaborate with your agents on tldraw's canvas. MCP serverGitHub-verified authorRemote● LiveFree to try | 51,407 | — | ||
| expo-tailwind-setup Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling SkillInstall · skills CLI | 49,672 | MIT | ||
| flutter-expert Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. SkillInstall · skills CLI | 49,672 | MIT | ||
| frontend-api-integration-patterns Production-ready patterns for integrating frontend applications with backend APIs, including race condition handling, request cancellation, retry stra SkillInstall · skills CLI | 49,672 | MIT | ||
| frontend-design Design and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints. SkillInstall · skills CLI | 49,672 | MIT | ||
| frontend-developer Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend archi SkillInstall · skills CLI | 49,672 | MIT | ||
| hig-components-layout Apple Human Interface Guidelines for layout and navigation components. SkillInstall · skills CLI | 49,672 | MIT | ||
| hig-components-system Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen quick actions, top shelf, wat SkillInstall · skills CLI | 49,672 | MIT | ||
| high-end-visual-design Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions. SkillInstall · skills CLI | 49,672 | MIT | ||
| multi-platform-apps-multi-platform Build and deploy the same feature consistently across web, mobile, and desktop platforms using API-first architecture and parallel implementation stra SkillInstall · skills CLI | 49,672 | MIT | ||
| ui-from-screenshot Turn a screenshot or mockup into matching UI with the project's own components, then compare the result side by side with the image and fix the differ SkillInstall · skills CLI | 49,672 | MIT | ||
| ui-review Review UI code for design system compliance, accessibility, and best practices SkillInstall · skills CLI | 49,672 | MIT | ||
| ui-states Design and build the UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied and success. SkillInstall · skills CLI | 49,672 | MIT | ||
| cardputer-buddy Iterate on the Cardputer-Adv MicroPython app bundle (Claude Buddy, Snake, Hello) after the device is already provisioned via m5-onboard. Use when the SkillOfficial · AnthropicInstall · skills CLI | 47,064 | Apache-2.0 | ||
| frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics PluginAnthropic marketplace | 47,064 | Apache-2.0 | ||
| m5-onboard End-to-end onboarding for a freshly-plugged-in M5Stack ESP32 device (Cardputer, Cardputer-Adv, Core, CoreS3, Stick) — detect on USB, flash UIFlow 2.0 SkillOfficial · AnthropicInstall · skills CLI | 47,064 | Apache-2.0 | ||
| accessibility-compliance Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing acce SkillInstall · skills CLI | 42,495 | MIT | ||
| angular-migration Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS a SkillInstall · skills CLI | 42,495 | MIT | ||
| design-system-patterns Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implem SkillInstall · skills CLI | 42,495 | MIT | ||
| interaction-design Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementin SkillInstall · skills CLI | 42,495 | MIT | ||
| nextjs-app-router-patterns Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, SkillInstall · skills CLI | 42,495 | MIT | ||
| react-modernization Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codeb SkillInstall · skills CLI | 42,495 | MIT | ||
| react-state-management Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or SkillInstall · skills CLI | 42,495 | MIT | ||
| responsive-design Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building ada SkillInstall · skills CLI | 42,495 | MIT | ||
| tailwind-design-system Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries SkillInstall · skills CLI | 42,495 | MIT | ||
| visual-edit-precision Use when making UI/frontend changes guided by visual context, when the user selects elements visually, draws annotations, or provides screenshots alon SkillInstall · skills CLI | 42,495 | MIT | ||
| web-component-design Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building U SkillInstall · skills CLI | 42,495 | MIT | ||
| anti-ui-slop Stop coding agents from shipping generic UI. Use UIZZE''s 800,000+ real web and iOS screens to build product-specific interfaces, define a design cont SkillInstall · skills CLI | 41,140 | MIT | ||
| create-spring-boot-java-project Create a new Spring Boot Java project (Maven or Gradle) from start.spring.io with sensible defaults for configuration, PostgreSQL, logging, security, SkillInstall · skills CLI | 41,140 | MIT | ||
| create-spring-boot-kotlin-project Create Spring Boot Kotlin Project Skeleton SkillInstall · skills CLI | 41,140 | MIT | ||
| fluentui-blazor Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use SkillInstall · skills CLI | 41,140 | MIT | ||
| gsap-framer-scroll-animation Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scr SkillInstall · skills CLI | 41,140 | MIT | ||
| macos-golden-gate-design Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit. Use when a Mac app must match Apple''s current mac SkillInstall · skills CLI | 41,140 | MIT | ||
| markstream-install Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, and Vue 2 applications. Use for package selection SkillInstall · skills CLI | 41,140 | MIT | ||
| next-intl-add-language Add new language to a Next.js + next-intl application SkillInstall · skills CLI | 41,140 | MIT | ||
| Next AI Draw.io draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand MCP serverGitHub-verified authorLocal · npm | 36,928 | Apache-2.0 | ||
| vercel-composition-patterns React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or desi SkillInstall · skills CLI | 34,034 | — | ||
| vercel-react-view-transitions Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS SkillInstall · skills CLI | 34,034 | — | ||
| web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "chec SkillInstall · skills CLI | 34,034 | — | ||
| angular Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. SkillInstall · skills CLI | 33,495 | MIT | ||
| avalonia-layout-zafiro Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy. SkillInstall · skills CLI | 33,495 | MIT | ||
| design-to-code Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. F SkillInstall · skills CLI | 33,495 | MIT | ||
| figma Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Tr SkillInstall · skills CLI | 33,495 | MIT | ||
| figma-implement-design Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and proje SkillInstall · skills CLI | 33,495 | MIT | ||
| mobile-design Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches prin SkillInstall · skills CLI | 33,495 | MIT | ||
| premium-web-design Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per pro SkillInstall · skills CLI | 33,495 | MIT | ||
| tailwind-patterns Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture. SkillInstall · skills CLI | 33,495 | MIT | ||
| ui-design-system UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and develo SkillInstall · skills CLI | 33,495 | MIT | ||
| ui-ux-pro-max UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, SkillInstall · skills CLI | 33,495 | MIT | ||
| add-clidash Add clidash — a zero-dependency, read-only web dashboard that derives its tabs and tables at runtime from any CLI that lists resources as JSON. Ships SkillInstall · skills CLI | 31,114 | MIT | ||
| frontend-engineer Pro frontend engineering discipline. Enforces build-test-verify workflow for every web project. Never declare done until the site is built, tested, re SkillInstall · skills CLI | 31,114 | MIT | ||
| a11y-audit Use for any accessibility audit or a11y fix (WCAG 2.2 A/AA, color contrast, compliance report, CI check) in React, Next.js, Vue, Angular, Svelte or HT SkillInstall · skills CLI | 29,773 | MIT | ||
| feature-flags-architect Use before adding, rolling out or retiring a feature flag or kill switch, or when flag debt piles up. Plans the rollout with rollout_planner.py, finds SkillInstall · skills CLI | 29,773 | MIT | ||
| senior-frontend Build and review React, Next.js, TypeScript or Tailwind frontends: components, scaffolding, performance and bundle size. Use whenever the user wants a SkillInstall · skills CLI | 29,773 | MIT | ||
| figma-code-connect-components Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to co SkillInstall · skills CLI | 28,730 | — | ||
| winui-app Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery pa SkillInstall · skills CLI | 28,730 | — | ||
| prototype Build a throwaway prototype to flesh out a design before committing to it. Routes between two branches — a runnable terminal app for state/business-lo SkillInstall · skills CLI | 27,717 | MIT | ||
| nocobase-app-plugin-__NOCOBASE_SHORT_NAME__ Development draft for the plugin's App-facing capabilities. SkillInstall · skills CLI | 24,921 | — | ||
| nocobase-app-plugin-foundation Use when an application should show its administrators which NocoBase Core capabilities it uses (the App Foundation page), when registering or moving SkillInstall · skills CLI | 24,921 | — | ||
| nocobase-app-plugin-skills-example Use the Skills Example plugin to add its App Notice component, read its authenticated default Notice API, or consume its Server ServiceToken in a Noco SkillInstall · skills CLI | 24,921 | — | ||
| nocobase-app-plugin-users Integrate the Users plugin into a NocoBase App, build a user management page on its API and configure its permissions, or add an application-owned rol SkillInstall · skills CLI | 24,921 | — | ||
| nocobase-realtime Design and implement live updates in NocoBase 3 applications and plugins using @nocobase/realtime, host client hooks and authorized server topics. Use SkillInstall · skills CLI | 24,921 | — | ||
| shadcn Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project SkillInstall · skills CLI | 24,921 | — | ||
| Oh My Posh Validator Validate oh-my-posh configurations and segment snippets against the official schema. MCP serverVerified domain · ohmyposh.devRemote● Live | 23,752 | MIT | ||
| render-html Render an ARIS Markdown / JSON artifact (IDEA_REPORT, AUTO_REVIEW, KILL_ARGUMENT, PAPER_PLAN, research-wiki state, etc.) into a single-file HTML view SkillInstall · skills CLI | 19,162 | MIT | ||
| a2ui Open-source generative UI framework: agents stream layout data, and apps render it with native components in React, Angular, Lit, Flutter, SwiftUI and MCP server | 17,372 | — | ||
| Coder Manage Coder workspaces, templates, and cloud development environments MCP serverGitHub-verified authorRemoteDown | 17,371 | AGPL-3.0 | ||
| frontend-forge-fe-operations Operate FrontendExtension (FE) resources in frontend-forge: create, update, rebuild, inspect package artifacts, download packages, publish, unpublish, SkillInstall · skills CLI | 17,078 | — | ||
| frontend-forge-fi-operations Operate FrontendIntegration resources and the frontend-forge extension. Use when Codex needs to create a FrontendIntegration from FrontendIntegration SkillInstall · skills CLI | 17,078 | — | ||
| frontend-integration-yaml Generate canonical FrontendIntegration YAML from a simplified single-menu authoring model for frontend-forge. SkillInstall · skills CLI | 17,078 | — | ||
| plate Rich-text editor with AI and shadcn/ui MCP server | 16,706 | — | ||
| io.github.GLips/Figma-Context-MCP Give your coding agent access to your Figma data. Implement designs in any framework in one-shot. MCP serverGitHub-verified authorLocal · npm | 16,201 | MIT | ||
| web-design-engineer Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, U SkillInstall · skills CLI | 15,098 | MIT | ||
| frontend-dev Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. SkillInstall · skills CLI | 13,830 | MIT | ||
| fullstack-dev Full-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creating REST API with frontend, scaf SkillInstall · skills CLI | 13,830 | MIT | ||
| angular-architect Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS SkillInstall · skills CLI | 12,355 | MIT | ||
| nestjs-expert Creates and configures NestJS modules, controllers, services, DTOs, guards, and interceptors for enterprise-grade TypeScript backend applications. Use SkillInstall · skills CLI | 12,355 | MIT | ||
| nextjs-developer Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middle SkillInstall · skills CLI | 12,355 | MIT | ||
| rails-expert Rails 7+ specialist that optimizes Active Record queries with includes/eager_load, implements Turbo Frames and Turbo Streams for partial page updates, SkillInstall · skills CLI | 12,355 | MIT | ||
| react-expert Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implement SkillInstall · skills CLI | 12,355 | MIT | ||
| vue-expert Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile app SkillInstall · skills CLI | 12,355 | MIT | ||
| vue-expert-js Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management using JavaScript only — no SkillInstall · skills CLI | 12,355 | MIT | ||
| break Renders a component you choose under every scenario that can reach it on a temporary page and stress tests it. SkillInstall · skills CLI | 12,135 | MIT | ||
| build-design Builds UI from a Figma file or a design image so it matches the design, using the project's existing tokens and components. SkillInstall · skills CLI | 12,135 | MIT | ||
| state-machine Renders every state of a component you choose on a throwaway page, with mock data and a switcher, so you can work on each state. SkillInstall · skills CLI | 12,135 | MIT | ||
| variant Builds multiple variants of a component you're working on and helps you iterate and pick one. SkillInstall · skills CLI | 12,135 | MIT | ||
| baseline-ui Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass. SkillInstall · skills CLI | 11,043 | MIT | ||
| component-canvas Build a full-screen, interactive canvas to explore existing UI components and their variants with pan and zoom. SkillInstall · skills CLI | 11,043 | MIT | ||
| create-canvas Build a freeform canvas to explore, compare, and iterate on anything. SkillInstall · skills CLI | 11,043 | MIT | ||
| create-design-md Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconst SkillInstall · skills CLI | 11,043 | MIT | ||
| fixing-motion-performance Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animati SkillInstall · skills CLI | 11,043 | MIT | ||
| improve-ui Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for an SkillInstall · skills CLI | 11,043 | MIT | ||
| ui-skills-root Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI. SkillInstall · skills CLI | 11,043 | MIT | ||
| adaptive Instructions to make or update an app's UI so that it adapts to different Android devices including phones, tablets, foldables, laptops, desktop, TV, SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| display-glasses-with-jetpack-compose-glimmer Provides guidelines for developing projected Android XR apps for display glasses using the Jetpack Compose Glimmer UI toolkit. Covers Glimmer design p SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| edge-to-edge Use this skill to migrate your Jetpack Compose app to add adaptive edge-to-edge support and troubleshoot common issues. Use this skill to fix UI compo SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| glance-appwidget-updates-and-memory Manages Android AppWidget state updates, background syncs, and RemoteViews bitmap memory limits with Jetpack Glance (androidx.glance:glance-appwidget) SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| glance-canonical-layouts Use this skill to create home screen widgets using Jetpack Glance Canonical Layouts from the Android Platform Samples project, or when asked to implem SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| ink-app-builder Adds inking and freehand drawing capabilities to an Android app using Jetpack Ink (androidx.ink) and Compose. Use this skill when implementing stylus SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| ink-custom-brush-builder Creates custom BrushFamily definitions for an Android app using Jetpack Ink (androidx.ink 1.1.0-alpha03 and higher). Use this skill when configuring c SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| jetpack-compose-performance Diagnose and optimize Android Jetpack Compose UI code. Use this skill when analyzing performance bottlenecks of existing code to minimize recompositio SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| leanback-to-compose-tv-migration Provides instructions and architectural patterns for migrating Android TV applications from legacy Leanback UI Toolkit, Android Views, or Support Frag SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| projected-hardware Provides instructions and workflows for accessing and managing hardware on Android XR projected devices, such as audio glasses and display glasses. Us SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| wear-compose-m3 Guidance for Wear OS Compose Material3 (Wear Compose Material 3 / Wear Compose Material3) watch and wearable apps. Covers creating, updating, and migr SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| wear-widgets Create, migrate, update, and verify Wear OS widgets using Glance Wear and Remote Compose in an Android project. Use this skill when implementing Glanc SkillInstall · skills CLI | 10,503 | Apache-2.0 | ||
| frontend-design 网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。 SkillInstall · skills CLI | 9,543 | — | ||
| img2threejs Turn an object or character reference image into a quality-gated, animation-ready procedural Three.js model built in code. Use for image-to-3D reconst SkillInstall · skills CLI | 9,543 | — | ||
| voltagent-awesome-design-md 73 个真实网站 DESIGN.md 提取集合（Claude / Cursor / Vercel / Stripe / Apple / Tesla / Ferrari ...）。 把 DESIGN.md 复制到项目根目录，AI agent 读 DESIGN.md 后能生成风格一致的高质量 UI。 本 SkillInstall · skills CLI | 9,543 | — | ||
| web-design-analyzer 网页与数字界面设计师和网页开发工程师在需要逆向分析网页截图时，使用本技能一键提取配色、排版及组件特征，自动生成结构化 Design System 数据与 AI Coding Prompt，让设计还原与前端开发更高效。 SkillInstall · skills CLI | 9,543 | — | ||
| modern-web-guidance Keep your coding agent up to date with the latest web best practices PluginAnthropic marketplace | 9,473 | Apache-2.0 | ||
| antislop-human Human and accessibility skill for antislop. Contrast, keyboard, focus, states, and interaction affordances for real people. Includes the contrast chec SkillInstall · skills CLI | 9,156 | MIT | ||
| antislop-layoutmobile Mobile layout skill for antislop. Use for layouts that reflow across screen sizes, phone to desktop: grids, overflow, tap targets. Load with the core. SkillInstall · skills CLI | 9,156 | MIT | ||
| antislop-ui UI and visual skill for antislop. Use when building or editing any interface: color, layout, components, motion, and page performance. Load with the c SkillInstall · skills CLI | 9,156 | MIT | ||
| frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, a SkillInstall · skills CLI | 8,843 | Apache-2.0 | ||
| ui-mockup Create UI mockups at three fidelity levels — ASCII wireframes for quick iteration, standalone HTML mockups for delivery with requirements, and live pr SkillInstall · skills CLI | 8,843 | Apache-2.0 | ||
| design-md Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| react-vite-dashboard Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/ SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| shadcn-ui Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and b SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| stitch::code-to-design Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file uplo SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| stitch::extract-design-md Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framewo SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| stitch::extract-static-html Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to ca SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| stitch::generate-design Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stit SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| stitch::manage-design-system Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screen SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| stitch::react-components Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, us SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| stitch::upload-to-stitch Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project. ALWAYS use this skill when you need to upload visual asset SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| taste-design Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typo SkillInstall · skills CLI | 8,771 | Apache-2.0 | ||
| ui Produces distinctive production UI and screenshot-grounded visual polish. Use when building or restyling pages, components, or typography. Not for bac SkillInstall · skills CLI | 7,585 | MIT | ||
| agency-grid-layout-minimal Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks SkillInstall · skills CLI | 7,464 | MIT | ||
| animation-on-scroll Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use when asked for scroll-rev SkillInstall · skills CLI | 7,464 | MIT | ||
| animation-systems Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults SkillInstall · skills CLI | 7,464 | MIT | ||
| beam-glow-states Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow. Use when a card, but SkillInstall · skills CLI | 7,464 | MIT | ||
| beautiful-shadows Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, controls, panels, popovers, hero medi SkillInstall · skills CLI | 7,464 | MIT | ||
| blue-cloudy-clean-modern Create a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene premium typograp SkillInstall · skills CLI | 7,464 | MIT | ||
| blue-laser-clean-glass-layout Create a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells, and polished dashboard structure. SkillInstall · skills CLI | 7,464 | MIT | ||
| book-serif-index Create an archival book-reader design system with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium catalog fra SkillInstall · skills CLI | 7,464 | MIT | ||
| bright-green-tech-system-webgl Create a bright-green technical design system with structured split layouts, hard-framed dark surfaces, mono utility labels, and a prominent WebGL vis SkillInstall · skills CLI | 7,464 | MIT | ||
| build-daily-inspiration-sites Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites. Use when the u SkillInstall · skills CLI | 7,464 | MIT | ||
| clean-minimal-beige-light-mode Create a clean minimal beige light-mode design system with warm neutral shells, quiet process grids, restrained accent color, and elegant low-contrast SkillInstall · skills CLI | 7,464 | MIT | ||
| container-lines Add vertical container-size guide lines with mini corner squares for precise, structured web layouts. Use when asked for container lines, measured lay SkillInstall · skills CLI | 7,464 | MIT | ||
| corner-diagonals Apply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells. Use when a design needs precise geometric framing, sci SkillInstall · skills CLI | 7,464 | MIT | ||
| css-alpha-masking Apply CSS alpha masking with linear-gradient for horizontal or vertical edge fades (mask-image and -webkit-mask-image). Use when asked for alpha masks SkillInstall · skills CLI | 7,464 | MIT | ||
| css-border-gradient Apply subtle gradient-border treatments for premium web surfaces. Use when cards, pricing panels, nav bars, modals, buttons, or hero surfaces need a r SkillInstall · skills CLI | 7,464 | MIT | ||
| dark-blue-contrasting-clean Create a dark-blue clean design system with strong contrast, cobalt gradient feature blocks, crisp framed structure, and restrained premium glow. SkillInstall · skills CLI | 7,464 | MIT | ||
| dark-glass-clean-layout Create a dark glass layout system with frosted premium shells, clean multi-column workspace structure, floating data cards, and restrained atmospheric SkillInstall · skills CLI | 7,464 | MIT | ||
| design-first-ui-prompting Use when you need design-first, spec-driven, skimmable prompts for UI generation. Covers prompt structure, constraints, variations, typography/spacing SkillInstall · skills CLI | 7,464 | MIT | ||
| dither-background Create a dark monochrome procedural background with enlarged square pixels and visible Bayer-style ordered dithering. Use when a page needs an atmosph SkillInstall · skills CLI | 7,464 | MIT | ||
| dither-laser-dark-mode Create a dark premium design system that combines near-black surfaces, subtle ordered-dither texture, and a thin accent-colored laser atmosphere. SkillInstall · skills CLI | 7,464 | MIT | ||
| documentary-brutalist-agency Create or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard typography, hard black-and-white c SkillInstall · skills CLI | 7,464 | MIT | ||
| editorial-portfolio-chapters Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story. Use for dark editorial sh SkillInstall · skills CLI | 7,464 | MIT | ||
| editorial-service-booking Create or redesign appointment-based service websites for salons, barbers, spas, wellness studios, clinics, and hospitality brands. Use for warm edito SkillInstall · skills CLI | 7,464 | MIT | ||
| editorial-tech Blend editorial magazine composition with precision product-tech detailing using asymmetrical grids, cinematic media bands, mono utility labels, and r SkillInstall · skills CLI | 7,464 | MIT | ||
| falling-leaves Build falling leaves that read as leaves, with each one tumbling on its own axis so it presents a face, thins to an edge, and opens out again, and wit SkillInstall · skills CLI | 7,464 | MIT | ||
| fire-paper-loader Build a burning-paper ring loader whose GLSL flame is drawn by a Worker on an OffscreenCanvas started from the head, so a main thread blocked by the p SkillInstall · skills CLI | 7,464 | MIT | ||
| framed-grid-layout Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict section alignm SkillInstall · skills CLI | 7,464 | MIT | ||
| framed-tech-dark-border-gradient Create a framed dark technical design system with border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained monochrome a SkillInstall · skills CLI | 7,464 | MIT | ||
| funky-purple-container-tech Create a dark container-led technical design system with fuchsia-purple accents, layered rounded shells, crisp frame lines, and playful futuristic foc SkillInstall · skills CLI | 7,464 | MIT | ||
| glass-dark-mode-clock Create a dark glass design system with frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing. SkillInstall · skills CLI | 7,464 | MIT | ||
| glass-dark-ui Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask. Use when asked fo SkillInstall · skills CLI | 7,464 | MIT | ||
| globe-gl Use when implementing globe.gl (Globe.GL) for 3D globe data visualization with WebGL/ThreeJS, including setup, data layers (points, arcs, polygons, la SkillInstall · skills CLI | 7,464 | MIT | ||
| globe-particles Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc. Use when a design needs SkillInstall · skills CLI | 7,464 | MIT | ||
| gooey-blob-system Create a gooey blob system using SVG filters where multiple shapes merge into a single fluid form. Use overlapping circles combined with a Gaussian bl SkillInstall · skills CLI | 7,464 | MIT | ||
| gsap Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes SkillInstall · skills CLI | 7,464 | MIT | ||
| gsap-scrolltrigger-storytelling Build cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, smooth interpolation, and immers SkillInstall · skills CLI | 7,464 | MIT | ||
| high-contrast-skeuomorphic-clean Create a high-contrast clean skeuomorphic design system with molded dark surfaces, crisp light separation, tactile inset depth, and restrained signal SkillInstall · skills CLI | 7,464 | MIT | ||
| horizontal-scroll-scenes Build scene-by-scene chapters that advance left to right on one fixed stage while the user scrolls vertically, with native scroll as the only input. O SkillInstall · skills CLI | 7,464 | MIT | ||
| html-demo Show an app working on a web page by drawing it live in HTML instead of recording it. A Mac-style window plays the app step by step, and every frame i SkillInstall · skills CLI | 7,464 | MIT | ||
| html-to-interaction-prompts Convert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts. Use when t SkillInstall · skills CLI | 7,464 | MIT | ||
| image-first-grid-layout Create an image-led grid design system with full-bleed photography, structural guide lines, anchored content blocks, and restrained technical overlays SkillInstall · skills CLI | 7,464 | MIT | ||
| landing-page Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversi SkillInstall · skills CLI | 7,464 | MIT | ||
| light-mode-paper-technical Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and res SkillInstall · skills CLI | 7,464 | MIT | ||
| liquid-metal-border Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package. Use when buttons, icon controls, chips, tabs, cards, or selected s SkillInstall · skills CLI | 7,464 | MIT | ||
| marquee-loop Apply seamless infinite marquee loops using duplicated items. SkillInstall · skills CLI | 7,464 | MIT | ||
| masked-reveal Create masked staggered word reveals on scroll with GSAP ScrollTrigger. Use when headings, hero copy, section titles, or editorial text should reveal SkillInstall · skills CLI | 7,464 | MIT | ||
| matterjs Use when implementing 2D physics interactions with Matter.js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints SkillInstall · skills CLI | 7,464 | MIT | ||
| mesh-gradient-dark-blue-clean Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed SkillInstall · skills CLI | 7,464 | MIT | ||
| nested-container-clean-agency Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and SkillInstall · skills CLI | 7,464 | MIT | ||
| nested-container-frames Create a container-in-container layout system using nested frames. Use an outer centered container with visible vertical boundary lines and corner mar SkillInstall · skills CLI | 7,464 | MIT | ||
| no-ai-design-slop Prevent and remove generic AI-generated design defaults, incoherent visual choices, and established UI defects while creating, revising, or reviewing SkillInstall · skills CLI | 7,464 | MIT | ||
| number-details Add decorative 01, 02, 03 numeric detail markers. SkillInstall · skills CLI | 7,464 | MIT | ||
| operational-enterprise-ai Create or redesign enterprise AI, automation, security, and operations product pages that explain system boundaries, approvals, auditability, exceptio SkillInstall · skills CLI | 7,464 | MIT | ||
| optimize-web-animations Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, can SkillInstall · skills CLI | 7,464 | MIT | ||
| orange-clean-paper-saas Create a clean paper-toned SaaS design system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surf SkillInstall · skills CLI | 7,464 | MIT | ||
| paper-cinder-transition Change between pages, chapters or scenes with a paper-burn transition, a ragged ember line that sweeps across the frame, chars the old page ahead of i SkillInstall · skills CLI | 7,464 | MIT | ||
| pointer-trail-emitter Build a cursor trail whose spacing stays constant at any hand speed, by emitting motes per unit of distance travelled rather than on a timer, so a fli SkillInstall · skills CLI | 7,464 | MIT | ||
| pricing-page Use when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FAQs, layout patterns, experiments) SkillInstall · skills CLI | 7,464 | MIT | ||
| product-proof-saas Create or redesign SaaS and AI product landing pages where a real workflow, interface, or deterministic demo is the central proof. Use for pale atmosp SkillInstall · skills CLI | 7,464 | MIT | ||
| progressive-blur Create a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for depth and softness. Use when asked for “progressive blu SkillInstall · skills CLI | 7,464 | MIT | ||
| reveal-hover-effect Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask. Use for hover-to-color, before-and-after, x-ra SkillInstall · skills CLI | 7,464 | MIT | ||
| scroll-progress-timeline Turn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collap SkillInstall · skills CLI | 7,464 | MIT | ||
| scroll-scrubbed-visual-sequence Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, SkillInstall · skills CLI | 7,464 | MIT | ||
| scroll-scrubbed-word-reveal Reveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduce SkillInstall · skills CLI | 7,464 | MIT | ||
| scroll-world-storytelling Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three rende SkillInstall · skills CLI | 7,464 | MIT | ||
| shaders-cursor-ripples Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components. Use when a h SkillInstall · skills CLI | 7,464 | MIT | ||
| skeuomorphic-ui Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed SkillInstall · skills CLI | 7,464 | MIT | ||
| split-layout-technical Create a technical split-screen design system with dual panels, fine frame lines, mono metadata, quiet editorial typography, and premium inset surface SkillInstall · skills CLI | 7,464 | MIT | ||
| staggered-word-reveal Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport. Use for premium po SkillInstall · skills CLI | 7,464 | MIT | ||
| tailwindcss Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and convent SkillInstall · skills CLI | 7,464 | MIT | ||
| tech-green-dark-mode-modern Create a modern dark-mode technical design system with matte-black surfaces, emerald signal accents, mono system labeling, framed dashboard cards, and SkillInstall · skills CLI | 7,464 | MIT | ||
| technical-wireframe-info-layout Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark d SkillInstall · skills CLI | 7,464 | MIT | ||
| thinking-orbs Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat, copilot, voice, search, generati SkillInstall · skills CLI | 7,464 | MIT | ||
| threejs Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, perfor SkillInstall · skills CLI | 7,464 | MIT | ||
| threejs-landscape Build a live Three.js landscape that stays quiet behind a subject — a noise heightfield on a polar grid so resolution follows the lens, ground coloure SkillInstall · skills CLI | 7,464 | MIT | ||
| threejs-weather Put weather into a Three.js scene that reads as weather — rain anchored inside the frustum, a storm that is the rain leaned on rather than a second sy SkillInstall · skills CLI | 7,464 | MIT | ||
| unicorn-studio Use when embedding and customizing Unicorn Studio interactive animations on the web (embed, responsive sizing, performance, layering with UI, fallback SkillInstall · skills CLI | 7,464 | MIT | ||
| vantajs Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js). SkillInstall · skills CLI | 7,464 | MIT | ||
| web-technique-to-skill Turn a visual or interaction technique you already built into a reusable web-design skill, by isolating the one mechanism that makes it work while rep SkillInstall · skills CLI | 7,464 | MIT | ||
| webgl-3d-object Create a real 3D WebGL object with geometric mesh depth, physically based material, directional and ambient lighting, perspective camera, subtle rotat SkillInstall · skills CLI | 7,464 | MIT | ||
| webgl-landing-steering Use when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical, playful, cinematic SkillInstall · skills CLI | 7,464 | MIT | ||
| webgl-laser Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around SkillInstall · skills CLI | 7,464 | MIT | ||
| figma Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Us SkillInstall · skills CLI | 7,167 | — | ||
| figma-implement-design Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and proje SkillInstall · skills CLI | 7,167 | — | ||
| frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, a SkillInstall · skills CLI | 7,167 | — | ||
| web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "chec SkillInstall · skills CLI | 7,167 | — | ||
| dflow-phantom-connect Build Solana wallet-connected apps with Phantom Connect SDKs and DFlow spot trading. Use when user asks to connect a Phantom wallet, integrate Phantom SkillInstall · skills CLI | 7,120 | — | ||
| com.xcodebuildmcp/XcodeBuildMCP XcodeBuildMCP provides tools for Xcode project management, simulator management, and app utilities. MCP serverVerified domain · xcodebuildmcp.comLocal · npm | 6,566 | MIT | ||
| preline-theme-generator Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to create a new Preline SkillInstall · skills CLI | 6,525 | — | ||
| baoyu-design Create or edit visual design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, SkillInstall · skills CLI | 6,424 | — | ||
| claude-data Use this for a local, data-backed dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring report that opens in the bundled li SkillInstall · skills CLI | 6,424 | — | ||
| claude-design Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component file per artboard) as local fil SkillInstall · skills CLI | 6,424 | — | ||
| claude-design-system Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component preview SkillInstall · skills CLI | 6,424 | — | ||
| dataviz Use this skill whenever you are about to create ANY chart, graph, plot, dashboard, or data visualization, in ANY output medium (HTML/React artifact, i SkillInstall · skills CLI | 6,424 | — | ||
| answer-me-with-html Turns an answer into a one-page visual HTML explainer: the model writes a short Markdown draft and the bundled CLI builds one page. Use it proactively SkillInstall · skills CLI | 6,311 | MIT | ||
| dotnet-maui-doctor Diagnoses and fixes .NET MAUI development environment issues. Validates .NET SDK, workloads, Java JDK, Android SDK, Xcode, and Windows SDK. All versio SkillInstall · skills CLI | 6,155 | MIT | ||
| maui-app-lifecycle .NET MAUI app lifecycle guidance — the four app states, cross-platform Window lifecycle events (Created, Activated, Deactivated, Stopped, Resumed, Des SkillInstall · skills CLI | 6,155 | MIT | ||
| maui-collectionview Guidance for implementing CollectionView in .NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templat SkillInstall · skills CLI | 6,155 | MIT | ||
| maui-data-binding Guidance for .NET MAUI XAML and C# data bindings — compiled bindings, INotifyPropertyChanged / ObservableObject, value converters, binding modes, mult SkillInstall · skills CLI | 6,155 | MIT | ||
| maui-dependency-injection Guidance for configuring dependency injection in .NET MAUI apps — service registration in MauiProgram.cs, lifetime selection (Singleton / Transient / SkillInstall · skills CLI | 6,155 | MIT | ||
| maui-safe-area .NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. Covers the new SafeAreaEdges property, SafeAreaRegions enum, per-edge control, keyb SkillInstall · skills CLI | 6,155 | MIT | ||
| maui-shell-navigation Guide for implementing Shell-based navigation in .NET MAUI apps. Covers AppShell setup, visual hierarchy (FlyoutItem, TabBar, Tab, ShellContent), URI- SkillInstall · skills CLI | 6,155 | MIT | ||
| maui-theming Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme det SkillInstall · skills CLI | 6,155 | MIT | ||
| winforms-expert Create, modify, debug, or review Windows Forms applications only when the request contains a concrete Windows Forms marker. USE FOR: WinForms, Windows SkillInstall · skills CLI | 6,155 | MIT | ||
| nitro Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use when working with nitro.config, se SkillInstall · skills CLI | 6,067 | MIT | ||
| nuxt Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or SkillInstall · skills CLI | 6,067 | MIT | ||
| pinia Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing s SkillInstall · skills CLI | 6,067 | MIT | ||
| unocss UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets lik SkillInstall · skills CLI | 6,067 | MIT | ||
| vitepress VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue compo SkillInstall · skills CLI | 6,067 | MIT | ||
| vue Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel SkillInstall · skills CLI | 6,067 | MIT | ||
| shaders WebGPU components for React, Vue, Svelte, Solid, JS & Framer MCP server | 5,944 | — | ||
| build-with-tinybase Scaffold, extend, and verify reactive local-first JavaScript or TypeScript applications with TinyBase. Use when choosing TinyBase for in-memory tabula SkillInstall · skills CLI | 5,214 | MIT | ||
| appllama-app-design-skill Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, o SkillInstall · skills CLI | 5,159 | MIT | ||
| appllama-usage Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you SkillInstall · skills CLI | 5,159 | MIT | ||
| designlang-tokens Use when styling UI for perplexity.ai — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for planetscale.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for posthog.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for postman.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for railway.app — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for ramp.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for raycast.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for render.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for replit.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for resend.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for retool.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for sentry.io — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for supabase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for v0.dev — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| designlang-tokens Use when styling UI for webflow.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. SkillInstall · skills CLI | 5,070 | MIT | ||
| scroll-craft Build premium scroll-driven landing pages for service, product, food, and drink brands. Plan the visitor journey, page grammar, emotional peak, and be SkillInstall · skills CLI | 5,049 | MIT | ||
| localization-toolkit This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSO SkillInstall · skills CLI | 4,708 | MIT | ||
| nextjs-developer Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke for full-stack features, performance optimiza SkillInstall · skills CLI | 4,708 | MIT | ||
| three-best-practices Three.js performance optimization and best practices guidelines. Use when writing, reviewing, or optimizing Three.js code. Triggers on tasks involving SkillInstall · skills CLI | 4,708 | MIT | ||
| threejs-animation Keyframe, skeletal and morph-target animation, procedural motion and clip blending, on WebGL or with WebGPU and TSL. Use when animating objects, playi SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-asset-pipeline Shrinking glTF assets for three.js with gltf-transform: inspect, validate and optimize commands, Draco, meshopt and quantization, KTX2, WebP and AVIF SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-fundamentals Three.js scene setup: scenes and fog, cameras, the renderer and tone mapping, the animation loop, object hierarchies, transforms, core math and cleanu SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-geometry Creating and shaping three.js geometry: built-in shapes, 3D text, vertex buffers and attributes, merging, instancing, batching, point clouds and lines SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-interaction Picking with raycasting, camera controls, transform gizmos, drag, hover and box selection for three.js, identical under WebGL and WebGPU. Use when han SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-lighting Light types and physical units, shadow maps, HDR environment lighting, light probes, and lighting performance, on WebGL or with WebGPU and TSL. Use wh SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-loaders Loading three.js assets: glTF with Draco, meshopt and KTX2 compression, other model formats, textures, HDR and EXR environments, progress, caching, cl SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-materials Choosing and configuring three.js materials - unlit, diffuse, specular, PBR, toon, point and line materials - shared properties like blending and sten SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-performance Measuring and optimizing three.js speed: render statistics, memory counters, fewer draw calls via merging, instancing, batching and LOD, fill rate, sh SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-postprocessing Three.js post-processing: composer pass chains, built-in renderer effects, and the WebGPU/TSL node pipeline — bloom, depth of field, ambient occlusion SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-react-three-fiber Building three.js scenes from React with React Three Fiber and drei: renderer setup, the scene graph as JSX, frame-loop, state and loading hooks, poin SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-shaders Custom GLSL vertex and fragment shaders: uniforms, varyings, shader chunks, extending built-in materials, instanced attributes, plus the same effects SkillInstall · skills CLI | 4,174 | MIT | ||
| threejs-textures Three.js textures: image loading, color spaces, UV channels and transforms, texture types from canvas to HDR and KTX2, render targets, texture memory. SkillInstall · skills CLI | 4,174 | MIT | ||
| make-bot-ui Use when building a custom UI (page, dashboard, buttons) that should wake a Grok Bot over a webhook, when the user must provide a webhook sender key, SkillInstall · skills CLI | 4,152 | MIT | ||
| expo-animation Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread SkillInstall · skills CLI | 4,131 | MIT | ||
| expo-data-fetching Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offli SkillInstall · skills CLI | 4,131 | MIT | ||
| expo-design-system Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusab SkillInstall · skills CLI | 4,131 | MIT | ||
| expo-dom Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end migratio SkillInstall · skills CLI | 4,131 | MIT | ||
| expo-native-ui Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients SkillInstall · skills CLI | 4,131 | MIT | ||
| expo-router Navigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organization, Link with previews and context menus SkillInstall · skills CLI | 4,131 | MIT | ||
| expo-ui Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android. Default to @expo/ui for sheets (BottomSheet), pickers, SkillInstall · skills CLI | 4,131 | MIT | ||
| macos-menubar-tuist-app Build, refactor, or review macOS menubar apps that use Tuist and SwiftUI. Use when creating or maintaining LSUIElement menubar utilities, defining Tui SkillInstall · skills CLI | 4,028 | MIT | ||
| macos-spm-app-packaging Scaffold, build, and package SwiftPM-based macOS apps without an Xcode project. Use when you need a from-scratch macOS app layout, SwiftPM targets/res SkillInstall · skills CLI | 4,028 | MIT | ||
| react-component-performance Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profi SkillInstall · skills CLI | 4,028 | MIT | ||
| swiftui-liquid-glass Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an SkillInstall · skills CLI | 4,028 | MIT | ||
| swiftui-performance-audit Audit and improve SwiftUI runtime performance from code review and architecture. Use for requests to diagnose slow rendering, janky scrolling, high CP SkillInstall · skills CLI | 4,028 | MIT | ||
| swiftui-ui-patterns Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and res SkillInstall · skills CLI | 4,028 | MIT | ||
| swiftui-view-refactor Refactor and review SwiftUI view files with strong defaults for small dedicated subviews, MV-over-MVVM data flow, stable view trees, explicit dependen SkillInstall · skills CLI | 4,028 | MIT | ||
| Dembrandt Design tokens from any live site: colours, type, spacing, components, drift against a baseline. MCP serverGitHub-verified authorLocal · npm | 4,010 | MIT | ||
| fast-agent-design Use this skill to generate well-branded interfaces and assets for fast-agent, either for production or throwaway prototypes/mocks/etc. Contains essent SkillInstall · skills CLI | 3,967 | Apache-2.0 | ||
| g-assist-mcp-skill Use this skill to check or change this machine's NVIDIA display and GPU settings, such as resolution, refresh rate, V-Sync, G-SYNC, brightness, color, SkillInstall · skills CLI | 3,954 | Apache-2.0 | ||
| G2 Legend Expert Expert skill for G2 legend development - provides comprehensive knowledge about legend rendering implementation, component architecture, layout algori SkillInstall · skills CLI | 3,816 | Apache-2.0 | ||
| node-zombie-guardian Use when diagnosing stale or orphaned Node.js processes launched by VCO, auditing ownership/liveness, or safely simulating cleanup without touching ex SkillInstall · skills CLI | 3,816 | Apache-2.0 | ||
| scenario-maya-lighting-rendering Use when lighting or rendering in Maya with Arnold: a product hero shot, a character close-up or a sequence (master and shot lighting), key, fill and SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-maya-lookdev Use when shading an asset in Maya with Arnold: OpenPBR or aiStandardSurface materials, hooking up Substance Painter or UDIM texture sets, color spaces SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-maya-modeling Use when modeling in Autodesk Maya, such as hard-surface props, weapons, vehicles, a sci-fi crate, a game-ready or SubD film model, or a character or SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-maya-pipeline-scripting Use when writing or fixing Maya pipeline code in Python: mayapy batch jobs over many scenes, validating and auto-fixing scenes, FBX export for Unreal SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-maya-retopology-uv Use when turning a dense sculpt, scan, ZBrush export or AI-generated mesh into animation-ready or game-ready topology in Maya without a mouse ("clean SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-maya-rigging Use when rigging a character, creature or prop in Maya: "rig this character", placing or orienting joints, Orient Joint doing nothing, IK/FK switch an SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-unity-pipeline-automation Use when automating a Unity 6.3 content pipeline or build: importing an art drop (FBX, PNG) with AssetPostprocessor rules and naming conventions, gene SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-unity-shaders Use when a Unity 6.3 URP task involves shaders: hand-written HLSL, Shader Graph water, toon, dissolve or outline, Custom Function nodes, a renderer fe SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-unity-ui Use when building or fixing game UI in Unity 6.3: main menu, settings screen (resolution, quality, volume, key rebinding), HUD, health bar, minimap fr SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-unity-world-building Use when building a Unity 6.3 level or open world: terrain from code or heightmaps, procedural islands, erosion, splat and foliage rules, trees and gr SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-unreal-gameplay Use when building or debugging UE5 gameplay: a character with double jump or dash, abilities with cooldowns, enemy AI that patrols, chases and attacks SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-unreal-world-building Use when building or fixing an Unreal Engine 5 level or open world: World Partition, OFPA, Data Layers, Level Instances, Packed Level Actors, HLOD, la SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-automation Use when automating ZBrush 2026: batch processing a folder of OBJ or ZTL files, a ZBrush Python script or ZScript, recording a macro to learn a palett SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-character-creature Use when sculpting a realistic head, face, portrait, body or creature in ZBrush (anatomy, landmarks, proportions, "the face looks off", eyes, lips, ja SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-expert Use when an agent drives Maxon ZBrush 2026 for any task (sculpt in ZBrush, DynaMesh, ZRemesher, UVs, export, polypaint, posing, 3D print, clean up an SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-hard-surface Use when modeling hard surface in ZBrush 2026 (sci-fi helmet, weapon, prop, armor plates, mechanical parts, kitbash, vents, panel lines, bolts, concep SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-paint-render Use when polypainting in ZBrush (skin color zones, fills, cavity or AO passes, Spotlight), baking polypaint to a texture or vertex color, rendering a SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-pose-print Use when posing a sculpt or preparing it for 3D printing in ZBrush: "pose this character", Transpose Master, TPoseMesh, Gizmo posing with masks, ZSphe SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-retopology-export Use when a ZBrush sculpt, scan or AI-generated mesh must become production topology and files (ZRemesher and guides, the 2026 Retopo brush, reprojecti SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-sculpting Use when an agent sculpts organic forms in ZBrush 2026 (sculpt a head, bust or creature in ZBrush from a sphere, ZSpheres or primitives); when blockin SkillInstall · skills CLI | 3,764 | MIT | ||
| scenario-zbrush-stylized Use when sculpting a stylized or cartoon character, bust, collectible or toy in ZBrush (Overwatch, Fortnite, Disney look), judging shape language (S a SkillInstall · skills CLI | 3,764 | MIT | ||
| anti-ui-slop Stop coding agents from shipping generic UI. Use UIZZE's 800,000+ real web and iOS screens to build product-specific interfaces, define a design contr SkillInstall · skills CLI | 3,743 | MIT | ||
| figma-automation Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas. SkillInstall · skills CLI | 3,743 | MIT | ||
| ios-hig-design-guide Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data. Use when a task asks for iOS UI/UX rules, SkillInstall · skills CLI | 3,743 | MIT | ||
| macos-design Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, SkillInstall · skills CLI | 3,743 | MIT | ||
| oiloil-ui-ux-guide Modern, clean UI/UX guidance + review skill. Use when you need actionable UX/UI recommendations, design principles, or a design review checklist for n SkillInstall · skills CLI | 3,743 | MIT | ||
| ops-dash Interactive pixel-art command center dashboard. Visual business HQ with instant hotkey navigation to all ops commands, live status indicators, fire al SkillInstall · skills CLI | 3,743 | MIT | ||
| obsidian-canvas-creator Create Obsidian Canvas files from text content, supporting both MindMap and freeform layouts. Use this skill when users want to visualize content as a SkillInstall · skills CLI | 3,682 | MIT | ||
| contemporary Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts. SkillInstall · skills CLI | 3,654 | MIT | ||
| critique-affordance Critique a rendered screen's affordances — what looks clickable, state visibility, CTA clarity, and action discoverability. Use when reviewing an exis SkillInstall · skills CLI | 3,351 | MIT | ||
| critique-color Critique a rendered screen's colour — contrast ratios, palette coherence, and semantic meaning. Use when reviewing one screen. For a product-wide WCAG SkillInstall · skills CLI | 3,351 | MIT | ||
| critique-composition Critique a rendered screen's composition — balance, whitespace, rhythm, and gestalt grouping. Use when a layout feels off but hierarchy is fine. For e SkillInstall · skills CLI | 3,351 | MIT | ||
| critique-information-density Critique a rendered screen's density — cognitive load, content prioritisation, scanning patterns, and progressive disclosure. Use when a screen feels SkillInstall · skills CLI | 3,351 | MIT | ||
| critique-typography Critique a rendered screen's typography — scale usage, readability, consistency, and token compliance. Use when reviewing type on a screen. For defini SkillInstall · skills CLI | 3,351 | MIT |
Filters apply to the top 400 of 1,728 tools by stars. Full list for agents: dev-frontend.json