Frontend and UI: skills, plugins, subagents, slash commands and mcp servers

accessibility-tester VoltAgent Community subagent This subagent tests interface accessibility, WCAG conformance, and assistive technology support. Use it for audits and accessibility fixes in a project. Claude Code 346installs content-management-systems official github skill Guides GitHub Copilot through CMS architecture, template hierarchies, custom extensions, and media routing. Useful when modifying themes or data models in WordPress, Shopify, or Drupal. GitHub Copilot 128installs landing Alireza Rezvani skill Builds a single-page landing as one HTML file, with 3D CSS animation, GSAP scroll effects and mouse-parallax depth. Claude Code 404installs mvvm-toolkit-di official github skill Wires CommunityToolkit.Mvvm ViewModels into Microsoft.Extensions.DependencyInjection across WPF, WinUI 3, .NET MAUI, Uno, and Avalonia projects. GitHub Copilot 92installs mvvm-toolkit official github skill Guides GitHub Copilot to scaffold ViewModels, source generator attributes, commands, and validation for CommunityToolkit.Mvvm. GitHub Copilot 89installs powershell-ui-architect VoltAgent Community subagent Designs desktop graphical interfaces (WinForms, WPF, Metro) and terminal UIs for PowerShell tools while keeping business logic separate. Claude Code 218installs frontend-app-builder official OpenAI skill This skill designs and builds frontend apps, websites, and games, then checks the result in a browser. Use it for a new interface or an explicit redesign request. CX Codex GP ChatGPT 252installs react-container-presentation-component official github skill This skill scaffolds React components with the Container/Presentation pattern and follows the project’s TypeScript, Storybook, and SCSS conventions. GitHub Copilot 65installs mvvm-toolkit-messenger official github skill A GitHub Copilot skill for CommunityToolkit.Mvvm Messenger: wires ViewModels together over pub/sub instead of direct references. GitHub Copilot 56installs frontend-testing-debugging official OpenAI skill Guides coding agents through structured frontend testing, UI checks, and bug investigations. Runs validation loops using Browser tools or local Playwright. CX Codex GP ChatGPT 159installs foundry-hosted-agent-copilotkit official github skill Connects a CopilotKit React frontend to a Microsoft Agent Framework agent in Microsoft Foundry via the AG-UI protocol. Helps connect and deploy agentic web apps. GitHub Copilot 29installs game-ui-frontend official OpenAI skill Guides browser game interface design for HUDs, overlays, and menus. Keeps the playfield clear and isolates camera input during UI interactions. CX Codex GP ChatGPT 98installs landing-page-conversion-audit official github skill Audits landing pages and checkouts for conversion leaks on paid traffic. It returns an action list ranked by revenue impact. GitHub Copilot 28installs webmcpify official github skill This skill turns a web app into WebMCP tools for AI agents, checks them in a real browser, and heals issues found during verification. GitHub Copilot 27installs macos-golden-gate-design official github skill Designs, reviews, and refactors native macOS 27 Golden Gate UI in SwiftUI or AppKit. Stops desktop apps from looking like web dashboards packed with nested cards. GitHub Copilot 23installs api-breaking-change-detector official github skill Cross-references C# Web API controllers and DTOs against TypeScript or JavaScript clients in source code. Catches breaking contract drift before deployment. GitHub Copilot 23installs liquid-glass official OpenAI skill Implements and reviews macOS SwiftUI Liquid Glass interfaces, stripping conflicting custom backgrounds so system materials render cleanly. CX Codex GP ChatGPT 78installs react-best-practices official vercel skill This skill guides agents through performance-focused React and Next.js work. Use it when writing or reviewing components, data fetching, or bundle changes. CX Codex GP ChatGPT 74installs shadcn official Vercel Labs skill This skill guides Codex through adding shadcn/ui components and configuring themes. Use it when building a React interface with Tailwind CSS. CX Codex GP ChatGPT 72installs markstream-install official github skill Configures Markstream streaming Markdown renderers across React, Vue, Svelte, and Angular projects. It resolves package selection, CSS ordering, and SSR boundaries. GitHub Copilot 18installs game-playtest official OpenAI skill Guides agents through browser game playtests and frontend QA. It focuses on boot checks, controls, HUD overlay balance, and visual regression capture. CX Codex GP ChatGPT 62installs appkit-interop official OpenAI skill Builds narrow bridges between macOS SwiftUI and AppKit. Useful when you need NSWindow access, custom panels, responder chain handling, or menu validation. CX Codex GP ChatGPT 60installs web-3d-asset-pipeline official OpenAI skill Guides browser-game 3D assets from Blender cleanup to GLB or glTF preparation. Use it after choosing a runtime stack, when asset quality or size is the remaining issue. CX Codex GP ChatGPT 58installs window-management official OpenAI skill Configures macOS 15+ SwiftUI windows and scenes: toolbar chrome, drag regions, placement, and launch restoration. CX Codex GP ChatGPT 58installs swiftui-patterns official OpenAI skill Sets desktop-first macOS SwiftUI architecture, scene models, toolbars, split views, and clean multi-file project layouts. CX Codex GP ChatGPT 57installs web-game-foundations official OpenAI skill Defines browser game architecture before coding begins. Helps choose an engine and decouple simulation from rendering. CX Codex GP ChatGPT 52installs view-refactor official OpenAI skill This skill restructures macOS SwiftUI views and scenes. Use it when a large view needs splitting or AppKit boundaries have grown too broad. CX Codex GP ChatGPT 52installs nextjs official Vercel Labs skill Guidance for building and debugging Next.js App Router projects. Use it to work through routing, Server Components, data fetching, and rendering choices. CX Codex GP ChatGPT 50installs phaser-2d-game official OpenAI skill Build 2D browser games with Phaser, TypeScript, and Vite. The skill covers scenes, gameplay systems, cameras, sprite animation, and DOM-based HUD patterns. CX Codex GP ChatGPT 49installs three-webgl-game official OpenAI skill Scaffolds browser 3D games with plain Three.js, TypeScript, and Vite, adding Rapier physics and direct render loop control without React. CX Codex GP ChatGPT 48installs md-document Alireza Rezvani skill Converts long Markdown specs, RFCs, and plans into standalone interactive HTML documents with sticky navigation, live search, and design tokens. Claude Code 49installs frontend-design-review microsoft skill This skill reviews and creates frontend interfaces with checks for design quality, accessibility, and design-system use. Use it for UI reviews, PRs, and responsive layouts. Claude Code GitHub Copilot 237installs react-three-fiber-game official OpenAI skill Structures React-hosted 3D browser games and scenes using React Three Fiber and the pmndrs stack. CX Codex GP ChatGPT 39installs figma-use official Figma skill This skill sets out how to use the Figma Plugin API through use_figma. It helps when an agent needs to change a Figma file or inspect its structure programmatically. CX Codex GP ChatGPT 36installs figma-generate-library official Figma skill Skill to build a professional design system in Figma from your codebase. Creates variables, components with variants, typography styles and theming in the correct order — from tokens to finished components. CX Codex GP ChatGPT 32installs design-system Alireza Rezvani skill Captures brand identity via a 10-question wizard and validates WCAG 2.2 AA contrast. It derives 12 CSS tokens in HSL for markdown-html converters. Claude Code 33installs figma-design-to-code official Figma skill Guides an agent through implementing a Figma node in a project’s existing stack. Use it before calling get_design_context. CX Codex GP ChatGPT 30installs dashboards-and-real-time-visualization official OpenAI skill Designs dashboards and live data visualization systems. Helps structure streaming data, refresh rates, mobile interruptions, and rendering budgets. CX Codex GP ChatGPT 29installs data-visualization official OpenAI skill This skill routes web visualization tasks, from chart selection to maps, software diagrams, and exports. Use it when an agent needs to plan or review a data visualization. CX Codex GP ChatGPT 26installs ai-sdk official Vercel Labs skill Provides Vercel AI SDK guidance for your coding agent. Helps build chat interfaces, streaming routes, tool calls, and agents without obsolete syntax. CX Codex GP ChatGPT 22installs