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

threejs-postprocessing calesthio skill This skill helps an agent add Three.js post-processing such as glow, blur, depth of field, and screen effects. Use it when building a scene’s visual pipeline. Claude Code CX Codex Cursor +1 1,000installs threejs-loaders calesthio skill A skill for Three.js asset loading: GLTF models, textures, HDR environments, and progress tracking via LoadingManager. Use it to add 3D scenes or import Blender models into your project. Claude Code CX Codex Cursor +1 1,000installs threejs-materials calesthio skill Reference for Three.js materials: PBR, basic, phong, custom shaders. Helps you pick the right material for a mesh, configure textures, and optimize rendering. Claude Code CX Codex Cursor +1 1,000installs threejs-animation calesthio skill This skill helps an agent build Three.js motion with keyframes, bones, morph targets, and clip blending. Use it for procedural motion or GLTF playback. Claude Code CX Codex Cursor +1 1,000installs threejs-lighting calesthio skill Reference guide for configuring lights and shadows in Three.js scenes. Useful when placing light sources, tuning shadow maps, or fixing render artifacts. Claude Code CX Codex Cursor +1 1,000installs threejs-fundamentals calesthio skill A skill for building Three.js scenes, setting up cameras and renderers, and working with Object3D hierarchies and transforms. Claude Code CX Codex Cursor +1 1,000installs threejs-shaders calesthio skill This skill helps write Three.js shaders, change vertices, and build custom fragment effects. Use it when built-in materials are not enough. Claude Code CX Codex Cursor +1 1,000installs sketch Hermes Agent (adapted from gsd-build/get-shit-done) skill Generates 2-3 HTML mockup variants to compare design directions before you commit to production code. Claude Code CX Codex Cursor +1 402installs unit-test-vue-pinia official github skill Writes and reviews unit tests for Vue 3, TypeScript, Vitest and Pinia code. Useful when your tests reach into component internals instead of behavior. GitHub Copilot 1,800installs nextjs-developer https://github.com/Jeffallan skill Configures Next.js 14+ application architecture using App Router, React Server Components, and Server Actions. Useful when setting up SSR streaming, SEO metadata, and Vercel deployments. Claude Code CX Codex Cursor +1 5,700installs logo-generator op7418 skill Generates SVG logos with at least six design variants and creates high-end showcase images using 12 professional background styles via Gemini API. Claude Code CX Codex Cursor +1 3,900installs superdesign superdesigndev skill Create and refine interfaces, presentations, and graphics on the Superdesign canvas. Useful for drafting new layouts or comparing results from different models. Claude Code CX Codex Cursor +1 11,200installs fullstack-guardian https://github.com/Jeffallan skill Builds security-focused full-stack web features across frontend and backend layers. Useful for shipping authenticated APIs, CRUD forms, and database flows. Claude Code CX Codex Cursor +1 5,600installs react-expert https://github.com/Jeffallan skill A skill for React 18+, Next.js App Router, and create-react-app work. It writes components and hooks, debugs rendering, and migrates class components to functions. Claude Code CX Codex Cursor +1 5,500installs appllama-app-design-skill Appllama (appllama.io) skill Skill for building native iOS and Android screens with Expo and React Native. Designs with Apple HIG fidelity, semantic colors, Reanimated motion, proper navigation semantics, and simulator-verified iteration. Claude Code CX Codex Cursor +1 4,700installs browser-extension-builder sickn33 skill Guides the architecture and implementation of Manifest V3 browser extensions for Chrome and Firefox. Useful when structuring content scripts, popups, and service workers. Claude Code CX Codex Cursor +1 2,000installs scroll-experience sickn33 skill This skill guides an agent through scroll animations, parallax scenes, and interactive web narratives. Use it when scrolling should reveal part of a page’s story. Claude Code CX Codex Cursor +1 2,000installs state-machine jakubkrehel skill Builds a throwaway page for every reachable state of one component, using mock data and a switcher. Use it when visual work needs isolated states without changing the component. Claude Code CX Codex Cursor +1 3,500installs shopify-development sickn33 skill Skill for building Shopify apps, extensions and themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid. Routes tasks to the right track: app, extension, theme or combination. Claude Code CX Codex Cursor +1 1,900installs shopify-expert https://github.com/Jeffallan skill Skill for building Shopify themes, apps, and headless storefronts via Storefront API. Useful when you need to assemble a Liquid theme, custom checkout, or Hydrogen storefront. Claude Code CX Codex Cursor +1 5,000installs browser-harness browser-use skill Controls a real browser via Chrome DevTools Protocol: clicking, typing, navigation, logged-in sessions, JS-rendered and bot-protected pages. Use curl for plain HTTP requests. Claude Code CX Codex Cursor +1 793installs build-design jakubkrehel skill Builds UI code from a Figma file or image mockup. It reuses existing project tokens and components instead of hardcoding values. Claude Code CX Codex Cursor +1 3,400installs react-native-expert https://github.com/Jeffallan skill A skill for AI coding agents that helps build React Native and Expo apps: navigation, native modules, list performance, platform-specific code for iOS and Android. Claude Code CX Codex Cursor +1 4,900installs quick-mockups civitai skill Generates 3 to 5 parallel UI mockups in HTML. Useful when you need to explore layouts, wireframes, and hierarchy variations before writing frontend code. Claude Code CX Codex Cursor +1 1,700installs shader-dev MiniMax-AI skill GLSL reference skill covering 36 real-time shader techniques for ShaderToy and WebGL2. Helpful for ray marching, SDF scenes, fluids, and visual effects. Claude Code CX Codex Cursor +1 2,500installs angular-architect https://github.com/Jeffallan skill An Angular 17+ specialist skill for Claude Code and other AI editors: standalone components with signals, NgRx stores, lazy routing and bundle checks. Claude Code CX Codex Cursor +1 4,800installs game-setup-and-config phaserjs skill Guides agent setup for Phaser 4 instances and GameConfig options. Useful when configuring renderers, canvas scaling, FPS caps, and pixel art settings. Claude Code CX Codex Cursor +1 1,200installs vercel-deployment sickn33 skill A skill that prepares and runs a Next.js project deployment to Vercel. Use it to set up a preview environment, validate environment variables, and ensure the build will succeed. Claude Code CX Codex Cursor +1 1,800installs pretext Hermes Agent skill A skill for browser demos built on @chenglou/pretext: text wraps around shapes, splits into graphemes and gets measured through canvas without a page reflow. Claude Code CX Codex Cursor +1 317installs vue-expert https://github.com/Jeffallan skill Guides Vue 3 work with the Composition API, Nuxt 3, Pinia, and Vite. Use it for components, PWAs, and Quasar or Capacitor apps. Claude Code CX Codex Cursor +1 4,500installs telegram-mini-app sickn33 skill Skill for developing Telegram Mini Apps—web applications that run inside Telegram with a native-like experience. Covers Telegram Web App API, TON ecosystem, user authentication, and monetization through Telegram Stars. Claude Code CX Codex Cursor +1 1,700installs sprites-and-images phaserjs skill Guides agents on creating Sprite and Image objects in Phaser 4. Explains factory methods, texture frames, mixin components, and visual transforms. Claude Code CX Codex Cursor +1 1,100installs zod-4 prowler-cloud skill Provides validation patterns for Zod 4 and guides migration from Zod 3. It helps write schemas for forms, API payloads, and adapters. Claude Code CX Codex Cursor +1 1,200installs html-diagram plannotator skill Generates standalone interactive HTML diagrams without external services or build steps. Helps visualize component topology, state transitions, timelines, and quantitative structures. Claude Code CX Codex Cursor +1 4,100installs zustand vercel-labs skill This skill integrates Zustand into json-render to sync application state. Use it when your project already relies on Zustand and you need to connect it with components rendered by json-render. Claude Code CX Codex Cursor +1 1,900installs tailwind-design-system sickn33 skill A skill that keeps the agent on Tailwind while you build a design system: tokens, component variants, responsive patterns, accessibility. Useful when the UI drifts. Claude Code CX Codex Cursor +1 1,600installs edge-to-edge Google LLC skill Migrates Jetpack Compose apps to adaptive edge-to-edge layouts and fixes content blocked by system bars or the keyboard. Claude Code CX Codex Cursor +1 3,200installs swiftui-liquid-glass official OpenAI skill This skill helps build and review SwiftUI Liquid Glass interfaces for iOS 26+. Use it when adopting the API or checking fallbacks, interaction, and design fit. CX Codex GP ChatGPT 121installs isometric-explainer rohitg00 skill Builds an interactive single-page isometric machine where mechanical stations represent process steps driven by a deterministic state model. Claude Code CX Codex Cursor +1 487installs course-style rohitg00 skill Supplies design tokens, typography rules, figure label formats, and plain technical English guidelines for AI Engineering from Scratch. Claude Code CX Codex Cursor +1 486installs