Design & Frontend Agent Plugins
Design & Frontend is the 10th-largest category in agentpluginsdirectory.com's verified index: 71 of the 5,701 distinct Agent Plugins verified on 2026-11-07, or 1% of the directory. It covers plugins for what users see: UI and UX design, design systems and tokens, CSS and styling, frontend frameworks and components, accessibility, animation, and design-to-code workflows. Of these 71, 67 ship at least one Agent Skill and 24 declare MCP servers.
Concerns the interface layer. Testing that interface belongs to Testing. Agent Plugins 1.0.0 defines no category field, so this grouping is editorial, not read from the manifest — the verification claim covers the plugin, not the category.
Plugin directory
48 of 48 plugins on this page · click a row to expand · 71 total
agentic-bundle-aas-accessibility-inclusive-ux20.6.0Portable skills-only "AAS Accessibility & Inclusive UX" plugin from Agentic Awesome Skills.sickn3310 skillsPortable skills-only "AAS Accessibility & Inclusive UX" plugin from Agentic Awesome Skills.sickn3310049,306
daisyui5.7.0Official daisyUI component library skill for building Tailwind CSS interfaces.saadeghi1 skillsOfficial daisyUI component library skill for building Tailwind CSS interfaces.saadeghi1042,764
agent-native-design1.0.0+codex.536cd3f5d6f0Explore, compare, iterate, and export interactive UI design prototypes from the Design app.BuilderIO2 skills1 mcpExplore, compare, iterate, and export interactive UI design prototypes from the Design app.BuilderIO217,637
swiftui-expert5.3.0Expert SwiftUI guidance for state management, view composition, performance, modern SDK APIs, and Liquid Glass adoption.AvdLee1 skillsExpert SwiftUI guidance for state management, view composition, performance, modern SDK APIs, and Liquid Glass adoption.AvdLee103,836
analogjsAnalogJS framework conventions for AI coding assistants, file-based routing, server and API routes, data fetching, and content routes.analogjs1 skillsAnalogJS framework conventions for AI coding assistants, file-based routing, server and API routes, data fetching, and content routes.analogjs103,207
ux-design1.8.0UX and UI design skills including Refactoring UI, iOS HIG design, usability heuristics, habit-forming product design, behavior design for retention, web typography, award-winning top-design, Steve Jobs-style design reviews, and Don Norman's foundational design principleswondelai11 skillsUX and UI design skills including Refactoring UI, iOS HIG design, usability heuristics, habit-forming product design, behavior design for retention, web typography, award-winning top-design, Steve Jobs-style design reviews, and Don Norman's foundational design principleswondelai1102,622
montology0.2.0A repo's vocabulary as a database, enforced against the code by a tree-sitter scan in every language it declares, Python, TypeScript, Go, Rust, Swift, Java, Ruby, Elixir, C/C++. Check a name before declaring it, mine the words a codebase is already asking for, propagate a rename by token, and inherit one org ontology across every repo. Design tokens are one kind of word among many.shinyobjectz2 skills1 mcpA repo's vocabulary as a database, enforced against the code by a tree-sitter scan in every language it declares, Python, TypeScript, Go, Rust, Swift, Java, Ruby, Elixir, C/C++. Check a name before declaring it, mine the words a codebase is already asking for, propagate a rename by token, and inherit one org ontology across every repo. Design tokens are one kind of word among many.shinyobjectz2159
figma-to-sfnext-pagedesigner0.1.0Convert a Figma frame into live Storefront Next Page Designer blocks, React components with decorator metadata, brand-token reconciliation, and product data loaders. Requires the Figma MCP server.SalesforceCommerceCloud1 skillsConvert a Figma frame into live Storefront Next Page Designer blocks, React components with decorator metadata, brand-token reconciliation, and product data loaders. Requires the Figma MCP server.SalesforceCommerceCloud1058
bengal-agentAuthor skills and the Bengal CLI MCP server for people writing a Bengal site.lbliii4 skills1 mcpAuthor skills and the Bengal CLI MCP server for people writing a Bengal site.lbliii4150
design-engineering3.3.1Design engineering for AI agents: a navigable skill graph covering animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, SVG, launch films and faux product UI, plus ten workflow subagents and an eve runtime. Distills Emil Kowalski, Benji Taylor, Jakub Antalik, guidelines.sh, Vercel, Ben DC, DiceBear, lucide-animated, Google Labs design.md, Agentation, and Index.AgentsORG1 skillsDesign engineering for AI agents: a navigable skill graph covering animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, SVG, launch films and faux product UI, plus ten workflow subagents and an eve runtime. Distills Emil Kowalski, Benji Taylor, Jakub Antalik, guidelines.sh, Vercel, Ben DC, DiceBear, lucide-animated, Google Labs design.md, Agentation, and Index.AgentsORG1043
tooljet-app-builder0.13.0Build data-connected dashboards, internal tools and back-office apps in ToolJet, then refine them visually. Requires a ToolJet connection.ToolJet1 skills1 mcpBuild data-connected dashboards, internal tools and back-office apps in ToolJet, then refine them visually. Requires a ToolJet connection.ToolJet1131
kx-dashboards-knowledge0.1.1KX Dashboards component knowledge for generating schema-valid dashboard JSON from natural language. Bundles kx-dashboard-core (the dashboard envelope, data sources, ViewState, binding, actions and pre-flight checklist) plus per-component skills (Datagrid, Pivot Grid, ChartGL, Maps, Forms, Gauge, and more).KxSystems32 skills1 mcpKX Dashboards component knowledge for generating schema-valid dashboard JSON from natural language. Bundles kx-dashboard-core (the dashboard envelope, data sources, ViewState, binding, actions and pre-flight checklist) plus per-component skills (Datagrid, Pivot Grid, ChartGL, Maps, Forms, Gauge, and more).KxSystems32122
react2.1.0Opinionated guidance for React components, server state, and data tables.BastiDood3 skills2 mcpOpinionated guidance for React components, server state, and data tables.BastiDood3216
frontend-design-premium1.4.1Production UX contracts and durable design context for frontend implementation.TryHand-Co-Ltd2 skillsProduction UX contracts and durable design context for frontend implementation.TryHand-Co-Ltd2010
pyside6-mcp0.1.0Playwright-style MCP server for PySide6 apps: see, control, and debug a Python desktop GUI without modifying the app.com551 skills1 mcpPlaywright-style MCP server for PySide6 apps: see, control, and debug a Python desktop GUI without modifying the app.com55118
tailr1.5.0Visual markup on a running dev server, handed to the agent as one locked batch. Registers Tailr's MCP server and the operating rules for the review loop.gcrft1233 skills1 mcpVisual markup on a running dev server, handed to the agent as one locked batch. Registers Tailr's MCP server and the operating rules for the review loop.gcrft123318
html-css-to-image0.2.0Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs, without managing a browser.htmlcsstoimage2 skills1 mcpLet AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs, without managing a browser.htmlcsstoimage217
neoyngpt-video-to-code0.1.2Watch public YouTube videos or local screen recordings with Gemini, then map on-screen UI and motion onto the open repo.saurav-shakya1 skillsWatch public YouTube videos or local screen recordings with Gemini, then map on-screen UI and motion onto the open repo.saurav-shakya106
ngautopilot-angular-architecture0.11.0Focused Angular architecture, component, dependency-boundary, and service-design guidance.janpereira-dev38 skillsFocused Angular architecture, component, dependency-boundary, and service-design guidance.janpereira-dev3805
lux-edit0.15.0Live User eXperience overlay for visual UI editing, design token tweaking, and multi-agent feedbackDavid-Sat2 skills1 mcpLive User eXperience overlay for visual UI editing, design token tweaking, and multi-agent feedbackDavid-Sat214
chrome-devtools1.8.0-uap.2Community package for Chrome DevTools MCP. Inspect pages, automate flows, analyze performance, and debug browser state.777genius1 mcpCommunity package for Chrome DevTools MCP. Inspect pages, automate flows, analyze performance, and debug browser state.777genius013
craft-tsAgent Skills and MCP server for writing framework-independent @craft-ts/core apps: primitives, API boundaries, architecture tests, services, routes, forms, Effect v4, and migration.craft-ts9 skills1 mcpAgent Skills and MCP server for writing framework-independent @craft-ts/core apps: primitives, API boundaries, architecture tests, services, routes, forms, Effect v4, and migration.craft-ts913
sharptui0.2.0Build accurate, responsive, and well-designed SharpTUI applications in G#.obselate3 skillsBuild accurate, responsive, and well-designed SharpTUI applications in G#.obselate303
musekit0.6.4设计灵感与场景制作工具箱:本地设计种子库,以及界面、平面、图解、学术图和文章配图编排。agent-plugkit6 skills设计灵感与场景制作工具箱:本地设计种子库,以及界面、平面、图解、学术图和文章配图编排。agent-plugkit602
typo3-ckeditor51.9.4CKEditor 5 development for TYPO3 v12+ with plugins and migrationnetresearch1 skillsCKEditor 5 development for TYPO3 v12+ with plugins and migrationnetresearch102
typo3-vite1.8.2Vite build setup, SCSS architecture, Bootstrap theming for TYPO3 v13+netresearch1 skillsVite build setup, SCSS architecture, Bootstrap theming for TYPO3 v13+netresearch102
brand-identity1.0.0Extract brand identities and DESIGN.md design systems from live websites and sources for downstream brand-consistent image generation.ghchinoy2 skillsExtract brand identities and DESIGN.md design systems from live websites and sources for downstream brand-consistent image generation.ghchinoy201
figma0.0.2Bring Figma design context into agent workflows: inspect design context, implement from design, map components, and compare code to design, via Figma's official MCP server.HiAi-gg4 skills1 mcpBring Figma design context into agent workflows: inspect design context, implement from design, map components, and compare code to design, via Figma's official MCP server.HiAi-gg411
figma-design-system-handoff1.1.0Figma MCP → design system handoff: chunked discovery, tokens, primitives, parity, not raw codegen.dancingteeth1 skillsFigma MCP → design system handoff: chunked discovery, tokens, primitives, parity, not raw codegen.dancingteeth101
j2html-toolkit1.0.0Agent plugin for j2html-toolkit resources for Copilot customizations, covering Spring Boot integration, Bootstrap, HTMX, and template engine usage.teggr1 skillsAgent plugin for j2html-toolkit resources for Copilot customizations, covering Spring Boot integration, Bootstrap, HTMX, and template engine usage.teggr101
punk-poster-layout0.7.0Structure standalone posters, flyers, key visuals, and single-canvas editorial sections with a 32-layout catalog only when explicit composition control is requested; not a default for ordinary websites/UI, generic heroes, or platform covers.ShanireZ1 skillsStructure standalone posters, flyers, key visuals, and single-canvas editorial sections with a 32-layout catalog only when explicit composition control is requested; not a default for ordinary websites/UI, generic heroes, or platform covers.ShanireZ101
typo3-a11y1.7.1WCAG 2.2 AA accessibility patterns for TYPO3 projectsnetresearch1 skillsWCAG 2.2 AA accessibility patterns for TYPO3 projectsnetresearch101
agentic-bundle-makepad-builder20.4.0Portable skills-only "Makepad Builder" plugin from Agentic Awesome Skills.costrict-plugins-repo6 skillsPortable skills-only "Makepad Builder" plugin from Agentic Awesome Skills.costrict-plugins-repo600
art-direct-imagegen1.0.0Plan, critique, and direct distinctive visual concepts before image generation.akenoowww1 skillsPlan, critique, and direct distinctive visual concepts before image generation.akenoowww100
atta-desktop0.1.0A canvas your agent can read and write to, create charts, interactive data apps, SVG diagrams, and run local Python on the Atta Desktop canvas.fastview-ai5 skills1 mcpA canvas your agent can read and write to, create charts, interactive data apps, SVG diagrams, and run local Python on the Atta Desktop canvas.fastview-ai510
blutui1.0.0Plugin that includes the Blutui MCP server and Skills for building Blutui projects.blutui2 skills1 mcpPlugin that includes the Blutui MCP server and Skills for building Blutui projects.blutui210
brand-guidelines1.0.0Portable Agent Plugin packaging of the brand-guidelines Agent Skill.agentplugin-net1 skillsPortable Agent Plugin packaging of the brand-guidelines Agent Skill.agentplugin-net100
cyber-figma0.2.0Figma CLI and MCP server for AI agentscyberuni3 skills1 mcpFigma CLI and MCP server for AI agentscyberuni310
design1.1.1Produce wireframes, prototypes, frontend layouts, technical diagrams, evidence-led charts, HTML reports, interactive explainers, and generated or edited images.opspresso8 skillsProduce wireframes, prototypes, frontend layouts, technical diagrams, evidence-led charts, HTML reports, interactive explainers, and generated or edited images.opspresso800
engineering-foundation-design0.2.1Single-direction interface design, design-contract authoring, implementation states, accessibility, and rendered visual verification.EgoistDeveloper2 skillsSingle-direction interface design, design-contract authoring, implementation states, accessibility, and rendered visual verification.EgoistDeveloper200
eufemia0.1.0Official Eufemia skills and MCP documentation for building, reviewing, and migrating DNB web frontends and contributing Portal content.dnbexperience6 skills1 mcpOfficial Eufemia skills and MCP documentation for building, reviewing, and migrating DNB web frontends and contributing Portal content.dnbexperience610
foundations.web0.1.0Framework-neutral foundations for maintainable HTML, CSS, and browser JavaScript.mylokaye3 skillsFramework-neutral foundations for maintainable HTML, CSS, and browser JavaScript.mylokaye300
frontend-flow1.0.0Frontend Flow skill pack: L1/L2/L3 router plus the engineering and design skills it sequences.hectorlutero23 skillsFrontend Flow skill pack: L1/L2/L3 router plus the engineering and design skills it sequences.hectorlutero2300
jenreh-reflex0.4.0reflex.dev / AppKit web skills (appkit-*, reflex-*).jenrehreflex.dev / AppKit web skills (appkit-*, reflex-*).jenreh000
krafa0.1.0Give a coding agent your design tastekrafa-ai2 skills1 mcpGive a coding agent your design tastekrafa-ai210
nextjs-dev1.6.8Next.js development plugin. Knowledge base for building modern Next.js 16 applications with App Router, Server/Client Components, data fetching, Cache Components, performance optimization, and the next-devtools-mcp toolchain.Agents-Store18 skillsNext.js development plugin. Knowledge base for building modern Next.js 16 applications with App Router, Server/Client Components, data fetching, Cache Components, performance optimization, and the next-devtools-mcp toolchain.Agents-Store1800
Verified on 2026-11-07