Design & Frontend Agent Plugins

48 of 48 plugins on this page · click a row to expand · 93 total

1. ▸agentic-bundle-aas-accessibility-inclusive-ux18.2.0Portable skills-only "AAS Accessibility & Inclusive UX" plugin from Agentic Awesome Skills.sickn338 skillsPortable skills-only "AAS Accessibility & Inclusive UX" plugin from Agentic Awesome Skills.sickn338046,814
2. ▸daisyui5.7.0Official daisyUI component library skill for building Tailwind CSS interfaces.saadeghi1 skillsOfficial daisyUI component library skill for building Tailwind CSS interfaces.saadeghi1042,460
3. ▸agent-native-design1.0.0+codex.64a4c4fa028aExplore, 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.BuilderIO216,348
4. ▸swiftui-expert5.1.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,603
5. ▸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,184
6. ▸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,245
7. ▸sites1.4.1用对话把想法做成真实网站并一键发布上线：简单内容直接生成静态站，复杂/精美需求用预装的 React 工程模板（antd + echarts + tailwind）在沙箱内构建，建站前还会生成 3 个设计方案预览图供你挑选。调 publish_site 发布成平台托管站点，拿到形如 /site/<slug>/ 的链接即可访问。支持自定义访问地址、公开/私密可见、版本回滚、访问统计，以及站点内置轻后端（KV 存储 + 表单收集）。装上后在对话里描述需求即可建站，也可在「实验室 → 站点」里管理。ZJU-REAL1 skills1 mcp用对话把想法做成真实网站并一键发布上线：简单内容直接生成静态站，复杂/精美需求用预装的 React 工程模板（antd + echarts + tailwind）在沙箱内构建，建站前还会生成 3 个设计方案预览图供你挑选。调 publish_site 发布成平台托管站点，拿到形如 /site/<slug>/ 的链接即可访问。支持自定义访问地址、公开/私密可见、版本回滚、访问统计，以及站点内置轻后端（KV 存储 + 表单收集）。装上后在对话里描述需求即可建站，也可在「实验室 → 站点」里管理。ZJU-REAL111,116
8. ▸tinte-designRailly1 skillsRailly10621
9. ▸winui0.6.1Agents and skills for WinUI 3 app development. Create new WinUI 3 desktop apps, convert from other frameworks to WinUI 3, or add features to existing WinUI 3 applications.microsoft8 skillsAgents and skills for WinUI 3 app development. Create new WinUI 3 desktop apps, convert from other frameworks to WinUI 3, or add features to existing WinUI 3 applications.microsoft80448
10. ▸claude-code-nextjs-skills1.0.3Agent skills for building Next.js + AI SDK applications: app scaffolding, shadcn/ui, RSC and caching, pgvector search, SEO, and browser verification.laguagu24 skills2 mcpAgent skills for building Next.js + AI SDK applications: app scaffolding, shadcn/ui, RSC and caching, pgvector search, SEO, and browser verification.laguagu24266
12. ▸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.SalesforceCommerceCloud1053
13. ▸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.lbliii4147
14. ▸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.shinyobjectz2143
15. ▸tooljet-app-builder0.5.1Build ToolJet apps end-to-end via governed MCP tools and an app-builder skill.ToolJet1 skills1 mcpBuild ToolJet apps end-to-end via governed MCP tools and an app-builder skill.ToolJet1130
16. ▸design-engineering2.4.0Design engineering for AI agents: a navigable skill graph covering animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, and SVG, plus nine 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, and SVG, plus nine 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.AgentsORG1025
17. ▸uizze1.2.16UI design that stands outuizze1 skills1 mcpUI design that stands outuizze1123
18. ▸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).KxSystems32120
19. ▸react1.1.0Opinionated guidance for React components, server state, and data tables.BastiDood3 skills2 mcpOpinionated guidance for React components, server state, and data tables.BastiDood3214
20. ▸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-Ltd207
21. ▸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
23. ▸tailr1.4.1Visual 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.gcrft123317
24. ▸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.com55116
25. ▸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-shakya105
26. ▸ngautopilot-angular-architecture0.9.0Focused Angular architecture, component, dependency-boundary, and service-design guidance.janpereira-dev38 skillsFocused Angular architecture, component, dependency-boundary, and service-design guidance.janpereira-dev3804
27. ▸sharptui0.1.1Build accurate, responsive, and well-designed SharpTUI applications in G#.obselate3 skillsBuild accurate, responsive, and well-designed SharpTUI applications in G#.obselate304
28. ▸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
29. ▸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
30. ▸lux-edit0.7.0Live User eXperience overlay for visual UI editing, design token tweaking, and multi-agent feedbackDavid-Sat1 skills1 mcpLive User eXperience overlay for visual UI editing, design token tweaking, and multi-agent feedbackDavid-Sat113
31. ▸craft-developer2.6.0Craft CMS development expertise including content modeling, template development, debugging, and AI-assisted workflows via MCP integration. Covers Craft 4 and 5 patterns.Design-Machines-Studio8 skillsCraft CMS development expertise including content modeling, template development, debugging, and AI-assisted workflows via MCP integration. Covers Craft 4 and 5 patterns.Design-Machines-Studio802
32. ▸mobbin0.1.0Search Mobbin's UI library for screens, flows, and website sections from your agent.mobbin1 mcpSearch Mobbin's UI library for screens, flows, and website sections from your agent.mobbin012
34. ▸musekit0.3.0设计灵感与场景制作工具箱：29 个本地种子，以及界面、平面、图解和学术图的独立制作 Skill。agent-plugkit5 skills设计灵感与场景制作工具箱：29 个本地种子，以及界面、平面、图解和学术图的独立制作 Skill。agent-plugkit502
35. ▸typo3-ckeditor51.9.3CKEditor 5 development for TYPO3 v12+ with plugins and migrationnetresearch1 skillsCKEditor 5 development for TYPO3 v12+ with plugins and migrationnetresearch102
36. ▸animate0.2.0Build polished web animations with deliberate motion, easing, duration, interruption, and exit behavior.ShanireZ1 skillsBuild polished web animations with deliberate motion, easing, duration, interruption, and exit behavior.ShanireZ101
37. ▸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
38. ▸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
39. ▸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
40. ▸typo3-a11y1.7.0WCAG 2.2 AA accessibility patterns for TYPO3 projectsnetresearch1 skillsWCAG 2.2 AA accessibility patterns for TYPO3 projectsnetresearch101
41. ▸typo3-vite1.8.1Vite build setup, SCSS architecture, Bootstrap theming for TYPO3 v13+netresearch1 skillsVite build setup, SCSS architecture, Bootstrap theming for TYPO3 v13+netresearch101
42. ▸agentic-bundle-makepad-builder16.5.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
43. ▸ai-typo3-integrator-plugin1.2.0Reusable Agent Skills for TYPO3 site-package development, DDEV worktrees, configuration, frontend integration, testing, deployment, and SEO.Starraider22 skillsReusable Agent Skills for TYPO3 site-package development, DDEV worktrees, configuration, frontend integration, testing, deployment, and SEO.Starraider2200
45. ▸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
46. ▸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
47. ▸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
48. ▸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
49. ▸cyber-figma0.1.1Figma CLI and MCP server for AI agentscyberuni3 skills1 mcpFigma CLI and MCP server for AI agentscyberuni310
50. ▸design1.0.0Produce 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
51. ▸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
52. ▸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