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

typescript-write metabase skill Skill for writing and editing TypeScript and JavaScript code to Metabase standards. Enforces strict typing without any and requires type checking before completion. Claude Code CX Codex Cursor +1 2,100installs web-component-design Seth Hobson skill This skill helps design reusable components for React, Vue, and Svelte. Use it for UI libraries, design systems, or legacy component refactors. Claude Code CX Codex Cursor 13,167installs threejs nexu-io skill Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js. Claude Code CX Codex Cursor +1 3,400installs design-brief nexu-io skill Parses an I-Lang design brief into a concrete spec with palette, typography, density, and constraints. Eliminates ambiguity from phrases like "make it professional." Claude Code CX Codex Cursor +1 3,400installs improve-ui ibelick skill Audits an interface against its own design system, finds proven inconsistencies, and writes fix plans for another agent without touching source. Claude Code CX Codex Cursor +1 7,800installs expo-ui expo skill A skill for building interfaces that compile to real native code: SwiftUI on iOS, Jetpack Compose on Android. Helps the agent use the right component instead of reaching for Reanimated or heavy community libraries. Claude Code CX Codex Cursor +1 31,600installs premium-frontend-ui official Utkarsh Patrikar skill Guides GitHub Copilot when building animated web interfaces. Use it for a visually distinctive landing page or interactive portfolio. GitHub Copilot 4,900installs expo-native-ui expo skill Guides your coding agent in building native-feeling Expo screens with Apple HIG styling, @expo/ui components, SF Symbols, and semantic colors. Claude Code CX Codex Cursor +1 31,400installs react-modernization Seth Hobson skill This skill upgrades React codebases, moves class components to hooks, and guides React 18 adoption. Use it when a legacy React app needs a structured migration. Claude Code CX Codex Cursor 12,625installs analytics-events metabase skill A skill that teaches coding agents how to add Snowplow analytics events to the Metabase frontend. Use it when tracking clicks, form submissions, and entity creation. Claude Code CX Codex Cursor +1 2,000installs wcag-audit-patterns Seth Hobson skill Audits web interfaces against WCAG 2.2 with automated checks and manual verification. Use it to find violations and build accessible patterns. Claude Code CX Codex Cursor 12,486installs threejs-animation CloudAI-X skill Skill for keyframe, skeletal and morph-target animation in Three.js. Play glTF animations, control bones, blend and crossfade clips on WebGL and WebGPU. Claude Code CX Codex Cursor +1 20,100installs seo-images AgriciDaniel skill Checks alt text, file size, format (WebP/AVIF), responsive images, lazy loading, and metadata. Flags CLS issues and shows how many kilobytes you can save. Claude Code CX Codex Cursor +1 6,700installs cmux-custom-sidebar manaflow-ai skill Skill for writing a custom cmux sidebar in a SwiftUI-like language. The sidebar binds to workspaces, tabs, PRs, and clock; hot-reloads on save; runs cmux commands on tap. Claude Code CX Codex Cursor +1 4,800installs agentation-self-driving benjitaylor skill Runs autonomous design critiques in a visible browser window and leaves feedback notes directly through the Agentation toolbar. Claude Code CX Codex Cursor +1 7,000installs cmux-localization manaflow-ai skill A skill for managing translations of user-facing strings in your interface. Runs an audit whenever you change button text, menus, tooltips, or error messages. Claude Code CX Codex Cursor +1 4,700installs cmux-debugging manaflow-ai skill Skill for adding debug logging, diagnosing UI and runtime issues in cmux. Use when working with terminal rendering, tab lists, drag-and-drop, or testing across macOS versions. Claude Code CX Codex Cursor +1 4,700installs argent-react-native-optimization software-mansion skill Profiles React Native apps to pinpoint runtime bottlenecks and fixes mechanical code issues. It steps in when user screens stutter, startup lags, or re-renders spike. Claude Code CX Codex Cursor +1 26,400installs d3-visualization nexu-io skill This skill teaches the agent to create interactive D3.js visualizations. Use it to generate charts for dashboards, reports, and data-rich prototypes. Claude Code CX Codex Cursor +1 3,100installs design-review nexu-io skill Audits UI visually, fixes flaws with atomic commits, and captures before/after screenshots. Useful for tightening shipped interface code right before launch. Claude Code CX Codex Cursor +1 3,100installs flutter-expert https://github.com/Jeffallan skill Skill for building cross-platform apps with Flutter 3+ and Dart. Covers widgets, state management via Riverpod or Bloc, GoRouter navigation, and performance optimization. Claude Code CX Codex Cursor +1 14,300installs ui-skills-root ibelick skill A UI task router that picks the right skill before interface work. Run npx ui-skills start to launch it and let the agent select just enough context to solve the problem. Claude Code CX Codex Cursor +1 7,100installs vue-pinia-best-practices github.com/vuejs-ai skill A skill covering Pinia best practices: avoid common store setup errors, preserve reactivity, and organize state management patterns in Vue projects. Claude Code CX Codex Cursor +1 16,800installs material-ui-nextjs mui skill A skill for wiring Material UI into Next.js: SSR, Emotion cache, next/font, CSS layers, Link, and useSearchParams. Use it when setting up or debugging MUI in a Next.js app. Claude Code CX Codex Cursor +1 725installs expo-router expo skill Skill for file-based routing, stacks, modals and tabs in Expo Router. Use it when building navigation in a React Native mobile app. Claude Code CX Codex Cursor +1 27,700installs expo-brownfield expo skill Embeds React Native and Expo into existing native iOS and Android apps. Useful when adding cross-platform screens to SwiftUI, UIKit, or Kotlin hosts. Claude Code CX Codex Cursor +1 27,700installs argent-screenshot-diff software-mansion skill Compares before and after screenshots to catch layout shifts, spacing, color and text rendering changes. Claude Code CX Codex Cursor +1 24,900installs popular-web-designs Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md) skill 54 real-world design systems (Stripe, Linear, Vercel, Claude) with CSS tokens, typography, and components for building pages styled after known brands. Claude Code CX Codex Cursor +1 914installs swiftui-design nexu-io skill A skill that guides SwiftUI interface design by clear rules, avoiding typical AI-code mistakes. Directs design decisions, validates brand assets, and reviews layouts across five dimensions. Claude Code CX Codex Cursor +1 2,900installs flutter-animating-apps nexu-io skill Implements animations and transitions in Flutter apps. Useful for crafting native iOS and Android motion design. Claude Code CX Codex Cursor +1 2,900installs ui-skills nexu-io skill Opinionated UI constraints to guide agents building user interfaces. It keeps generated components cohesive across a codebase. Claude Code CX Codex Cursor +1 2,900installs expo-data-fetching expo skill Configures data fetching, caching, and screen states in Expo apps. Guides network calls with expo/fetch and TanStack Query. Claude Code CX Codex Cursor +1 27,200installs playwright-skill lackeyjb skill Write and run Playwright scripts directly in your IDE. Auto-detects dev servers, takes screenshots, checks responsive layouts, tests login flows, and validates web functionality. Claude Code CX Codex Cursor +1 6,900installs angular-migration Seth Hobson skill Helps move AngularJS applications to Angular through a full rewrite or staged migration. Use it for hybrid apps, component conversion, and dependency injection changes. Claude Code CX Codex Cursor 10,900installs shader-dev nexu-io skill Provides GLSL shader techniques for ray marching, fluid simulation, and procedural graphics. Helps coding agents generate visuals and motion stills for hero sections. Claude Code CX Codex Cursor +1 2,800installs after-hours-editorial-template nexu-io skill Generates luxury dark editorial presentations with haute-couture typography and cinematic transitions. Built for fashion lookbooks and premium brand pitches. Claude Code CX Codex Cursor +1 2,800installs platform-design nexu-io skill Brings 300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 into your coding agent for building cross-platform apps on iOS, Android, and web. Claude Code CX Codex Cursor +1 2,800installs theme-factory nexu-io skill A skill with 10 preset themes for styling artifacts: slides, docs, reports, HTML landing pages. Use it when you need a professional look without manual design work. Claude Code CX Codex Cursor +1 2,800installs web-artifacts-builder nexu-io skill Builds HTML artifacts for claude.ai with React and Tailwind — Anthropic's reference workflow for embeddable interfaces. Claude Code CX Codex Cursor +1 2,800installs frontend-slides nexu-io skill Generates animation-rich HTML presentations with visual style previews. Handy for online keynotes, interactive briefs, and embedded slide decks. Claude Code CX Codex Cursor +1 2,800installs