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

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 brand-guidelines nexu-io skill This skill applies Anthropic’s brand colors and typography to artifacts. Use it when a project needs a consistent visual identity or a design reference. 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 algorithmic-art nexu-io skill Creates generative graphics using p5.js with seeded randomness for reproducible renders. Useful for procedural posters and motion-style frame studies. Claude Code CX Codex Cursor +1 2,800installs html-ppt-retro-quarterly-review nexu-io skill A quarterly review template in bold blue-and-orange editorial style: three cinematic slides with slab headlines and a cream paper feel. No frameworks, one self-contained HTML file. Claude Code CX Codex Cursor +1 2,800installs field-notes-editorial-template nexu-io skill Generates a magazine-style editorial business report in a single HTML file. Useful for board memos and clean data storytelling. Claude Code CX Codex Cursor +1 2,800installs login-flow nexu-io skill Builds a standalone HTML prototype for a mobile app sign-in flow. Use it to shape phone, password, or social login screens with loading and error states. Claude Code CX Codex Cursor +1 2,800installs 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 frontend-dev nexu-io skill Skill for building modern frontends with smooth animations, AI-generated content via MiniMax API, and generative art. Works for hero pages and showcase sites. Claude Code CX Codex Cursor +1 2,800installs 8-bit-orbit-video-template nexu-io skill This skill provides a retro 8-bit video template for Hyperframes. Use it to build a multi-scene HTML composition with transitions and an interactive preview. 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 react-native-best-practices callstackincubator skill Provides React Native performance guidelines based on Callstack practices. It helps agents diagnose FPS drops, memory leaks, and large bundles. Claude Code CX Codex Cursor +1 30,100installs mcp vercel-labs skill This skill helps build MCP servers that render interactive json-render UIs in Claude, ChatGPT, Cursor, and VS Code. Claude Code CX Codex Cursor +1 5,800installs antislop miqdadbadjuber skill A rule-based filter for generic AI output in interfaces and code. Use it when an agent needs explicit checks for UI, copy, accessibility, or mobile layout. Claude Code CX Codex Cursor +1 7,300installs material-ui-styling mui skill Helps the agent pick the right Material UI styling layer: sx, styled(), theme components, or global CSS. Use it when edits pile up and you need to avoid extra wrapper nesting. Claude Code CX Codex Cursor +1 685installs expo-examples expo skill Adapts official integration patterns from the expo/examples repository or scaffolds fresh projects with npx create-expo. Claude Code CX Codex Cursor +1 26,200installs screen-reader-testing Seth Hobson skill This skill guides screen reader testing for web apps with VoiceOver, NVDA, and JAWS. Use it to debug ARIA, forms, navigation, and dynamic announcements. Claude Code CX Codex Cursor 10,700installs threejs-fundamentals CloudAI-X skill Sets up Three.js r186 scenes, cameras, renderers, and animation loops for WebGL or WebGPU with TSL. Claude Code CX Codex Cursor +1 17,100installs wpds nexu-io skill Applies official WordPress Design System tokens, typography, and component patterns to themes and sites. Claude Code CX Codex Cursor +1 2,700installs figma-code-connect-components nexu-io skill Links Figma design components to code components through Code Connect. Use it when design-system changes need to flow into the codebase. Claude Code CX Codex Cursor +1 2,700installs stitch-loop nexu-io skill A skill that runs an iterative feedback cycle between design and code: critique the layout → fix the code → verify fidelity. Use it when you need to tighten UI against a design brief across multiple passes. Claude Code CX Codex Cursor +1 2,700installs swiss-user-research-video-template nexu-io skill Generates a Swiss-editorial user research deck as a single HTML file with warm paper aesthetics, minimalist layout, participant donut charts, and keyboard navigation. Claude Code CX Codex Cursor +1 2,700installs faq-page nexu-io skill Builds an HTML FAQ page with an accordion, search, and category filters. Use it when a brief calls for a help centre or support page. Claude Code CX Codex Cursor +1 2,700installs editorial-burgundy-principles-template nexu-io skill Generates a three-slide editorial deck in burgundy and blush for manifestos, principles and culture narratives. Self-contained HTML with navigation and card grid. Claude Code CX Codex Cursor +1 2,700installs swiss-creative-mode-template nexu-io skill Builds an editorial, Swiss-style presentation page inside a self-contained HTML file. Useful for brutalist product launches and interactive decks. Claude Code CX Codex Cursor +1 2,700installs digits-fintech-swiss-template nexu-io skill A fintech deck template on a Swiss grid: black, warm paper, neon-lime accents. Three slides with bold numeric cards and keyboard navigation, all in one HTML file. Claude Code CX Codex Cursor +1 2,700installs full-page-screenshot nexu-io skill This skill captures full-page screenshots of web pages using Chrome DevTools Protocol with no external dependencies. Handy for portfolios, case studies, and audit reports. Claude Code CX Codex Cursor +1 2,700installs artifacts-builder nexu-io skill A skill designed for generating multi-component claude.ai HTML artifacts. It uses React and Tailwind CSS alongside shadcn/ui components. Claude Code CX Codex Cursor +1 2,700installs vue-router-best-practices github.com/vuejs-ai skill Skill teaches AI coders Vue Router 4 patterns: navigation guards, route params handling, and component lifecycle synchronization. Prevents infinite redirects, memory leaks, and data desync. Claude Code CX Codex Cursor +1 14,900installs gsap-framer-scroll-animation official Utkarsh Patrikar skill This skill helps GitHub Copilot build scroll-driven motion with GSAP ScrollTrigger and Framer Motion. Use it for vanilla JS, React, or Next.js work. GitHub Copilot 3,900installs design-motion-principles kylezantos skill Builds or audits UI motion with rules based on project context and interaction frequency. Use it for transitions, hover states, and micro-interactions. Claude Code CX Codex Cursor +1 12,600installs argent-lens software-mansion skill Visual variant staging for UI elements in a native preview window. Stages design options on a simulator so you can pick the winner. Claude Code CX Codex Cursor +1 22,400installs magic-ui magicuidesign skill The magic-ui skill teaches Claude Code to work with Magic UI components in React and Next.js: select animations, install via shadcn registry, and check accessibility. Claude Code CX Codex Cursor +1 1,200installs