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

vue-expert-js https://github.com/Jeffallan skill Builds Vue 3 code in JavaScript with JSDoc annotations instead of TypeScript. Use it for components, composables, routing, and state management in JS-only projects. Claude Code CX Codex Cursor +1 4,000installs motion-figure rohitg00 skill Generates moving and interactive figures across three tiers: SMIL animations, slider-driven SVG widgets, and WebGL dither bands. Claude Code CX Codex Cursor +1 482installs tamagui tamagui skill Teaches coding agents Tamagui v3 flat style grammar and token conventions. It guides cross-platform UI generation for web and native. Claude Code CX Codex Cursor +1 593installs spartan spartan-ng skill Helps manage spartan/ui components in Angular projects, from adding and composing them to styling and debugging. It covers the Brain and Helm layers. Claude Code CX Codex Cursor +1 2,200installs html-plan plannotator skill Turns project notes and requirements into a self-contained HTML plan. Useful for organizing phases, dependencies, and owners without turning the doc into a dashboard. Claude Code CX Codex Cursor +1 3,800installs html plannotator skill A skill that makes the agent build one self-contained HTML file with styles and scripts inlined: a report, landing page, deck or calculator. It also knows which sibling skill should take the job instead. Claude Code CX Codex Cursor +1 3,800installs frontend-dev-guidelines sickn33 skill Sets strict React and TypeScript conventions for feature structure, Suspense data fetching, MUI styling, and performance-focused reviews. Claude Code CX Codex Cursor +1 1,500installs interactive-portfolio sickn33 skill Builds developer and designer portfolios focused on converting visitors into job offers and client leads. Use it when planning or restructuring a personal showcase site. Claude Code CX Codex Cursor +1 1,500installs flutter-dev MiniMax-AI skill A Flutter development guide for widget patterns, Riverpod, Bloc, and GoRouter. Use it when building layouts, navigation, tests, or reviewing performance. Claude Code CX Codex Cursor +1 2,000installs uniwind uni-stack skill A skill that hands the agent Uniwind's rules and reference files, so it builds and debugs Tailwind CSS v4 interfaces in React Native instead of guessing APIs. Claude Code CX Codex Cursor +1 4,400installs chat-motion-overlay nexu-io skill Builds animated chat scenes from text or screenshots, then prepares them for Remotion rendering. Use it for message bubbles, app-style chat views, and transparent overlays. Claude Code CX Codex Cursor +1 820installs react19-test-patterns official github skill A migration reference for updating test files to work with React 19. Use it when replacing removed test utilities or revising StrictMode call-count assertions. GitHub Copilot 1,200installs remotion vercel-labs skill A skill that turns JSON timeline specs into ready-made video compositions via Remotion. Use it when you need to generate videos programmatically or assemble video clip catalogs from data. Claude Code CX Codex Cursor +1 1,700installs design-taste-frontend nexu-io skill Skill for landing pages, portfolios and redesigns. The agent reads the brief, picks a design system and ships interfaces without AI templates. Claude Code CX Codex Cursor +1 808installs audio-and-sound phaserjs skill Adds audio loading, background music, volume controls, and spatial audio to Phaser 4 games using SoundManager and the Web Audio API. Claude Code CX Codex Cursor +1 938installs react-native-dev MiniMax-AI skill A React Native and Expo reference set for your agent: routing, lists, animation, state, tests and shipping. Useful when you are building a mobile app and don't want to re-explain the basics. Claude Code CX Codex Cursor +1 1,900installs resource-curator leonardomso skill Audits, discovers, and organizes external learning resources for JavaScript concept documentation. It weeds out broken links and obsolete syntax. Claude Code CX Codex Cursor +1 319installs landing-page-design elayadesign skill Complete system for landing pages: intake, structure, copywriting, visual rules. Consult before choosing fonts, spacing, colors, or writing headlines. Claude Code CX Codex Cursor +1 1,700installs kumo-design cloudflare skill Cloudflare product design rules for coding agents: guides layout, typography, dialogs, and animations in Kumo UI dashboards. Claude Code CX Codex Cursor +1 1,500installs tweens phaserjs skill Teaches coding agents how to animate properties in Phaser 4 using TweenManager, tween chains, stagger offsets, and number counters. Claude Code CX Codex Cursor +1 891installs visual-verdict Yeachan-Heo skill A visual QA skill that compares generated UI screenshots against reference images and returns a structured JSON verdict for layout iterations. Claude Code CX Codex Cursor +1 890installs react19-concurrent-patterns official github skill Preserves React 18 concurrent patterns during React 19 migrations and guides the adoption of use(), useOptimistic, and Actions. GitHub Copilot 1,100installs radix-ui-design-system sickn33 skill Builds accessible design systems and headless UI components with Radix UI primitives. Useful for custom component libraries and WCAG 2.1 compliance. Claude Code CX Codex Cursor +1 1,300installs refero-design referodesign skill A research-led skill for UI and product design that grounds work in references before code. Use it for landing pages, product screens, redesigns, and visual polish. Claude Code CX Codex Cursor +1 11,900installs preline-theme-generator htmlstreamofficial skill Generates custom Preline UI theme CSS from brand colors or mood descriptions. Runs entirely through local scripts after install. Claude Code CX Codex Cursor +1 1,300installs visual-edit-precision Adit Jain skill Skill for targeted UI changes when you show elements on a screenshot or point them out in code. Edits only what you selected, without refactoring the entire component. Claude Code CX Codex Cursor 2,800installs image vercel-labs skill Turns JSON specs into SVG and PNG images via Satori. Useful for generating OG images, social cards, and rendering AI-generated image specs. Claude Code CX Codex Cursor +1 1,500installs huggingface-gradio huggingface skill This skill helps you build and modify Python Gradio interfaces for machine learning demos. It provides patterns for layouts, UI components, and chatbot workflows. Claude Code CX Codex Cursor +1 2,300installs zustand-5 prowler-cloud skill Zustand 5 state management patterns for Claude Code: basic stores, selectors, persist middleware, and slice composition. Prevents unnecessary re-renders and keeps state logic clean. Claude Code CX Codex Cursor +1 911installs text-and-bitmaptext phaserjs skill Helps AI agents configure and render text in Phaser 4. Useful when styling Canvas text, handling word wrapping, and setting up bitmap fonts. Claude Code CX Codex Cursor +1 816installs write-e2e-tests tldraw skill Guides Playwright E2E testing for tldraw, including UI actions, menus, and canvas shapes. Use it when adding coverage for SDK examples or the tldraw.com client. Claude Code CX Codex Cursor +1 430installs game-object-components phaserjs skill Reference guide for Phaser 4 game object components and mixins. Helps coding agents handle Transform, Depth, and WebGL effects accurately. Claude Code CX Codex Cursor +1 796installs control-ui cursor skill Inspects and tests local web, IDE, or Electron interfaces via browser automation and CDP. Captures screenshots, traces, and verifies UI changes without extra dependencies. Claude Code CX Codex Cursor +1 2,400installs time-and-timers phaserjs skill Guides AI agents on configuring Clock, TimerEvent delays, loops, and Timelines in Phaser 4. Useful when scripting game loops. Claude Code CX Codex Cursor +1 786installs react-email vercel-labs skill Turns JSON email specs into HTML or plain-text output with React Email. Use it for email catalogs, generated specs, and transactional message templates. Claude Code CX Codex Cursor +1 1,400installs vue vercel-labs skill A skill to convert JSON specifications into Vue 3 components with data binding, visibility conditions, and action handling. Use it if you generate interfaces via AI or build UIs from JSON. Claude Code CX Codex Cursor +1 1,400installs image-to-ui UIZZE skill Turn a screenshot, mockup, or sketch into working interface code. The skill views the image, reproduces it exactly in code, then renders and compares to fix any mismatches. Claude Code CX Codex Cursor +1 63,500installs userinterface-wiki raphael-salaja skill Handbook of 152 UI/UX rules for web interfaces. Skill checks animations, typography, audio feedback and UX patterns, reports errors with file:line precision. Claude Code CX Codex Cursor +1 4,500installs adaptive Google LLC skill Guides the agent in adapting Android Compose UI for foldables, tablets, desktop, and phones. Helpful when supporting multiple screen sizes and input devices. Claude Code CX Codex Cursor +1 2,400installs filters-and-postfx phaserjs skill Applies visual filters and post-processing in Phaser 4. Helps configure blur, glow effects, and shader masks. Claude Code CX Codex Cursor +1 772installs