NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
rails-hotwire skill A skill with Hotwire rules for Rails: Turbo Drive, Frames, Streams, Turbo 8 morphing and Stimulus controllers. Useful when writing or refactoring interactive pages.
CX Codex +1
370installs
threejs skill A skill with reference files and working examples for Three.js: scenes, materials, lighting, shaders, GLTF loading. Useful when you build 3D in the browser.
CX Codex +1
460installs
motion-designer skill Drafts frame-accurate video specifications for Remotion, covering timing, transitions, and layered audio. Useful when planning motion graphics before writing code.
CX Codex +1
570installs
capacitor-angular skill Guides your coding agent through Capacitor patterns in Angular 16+, covering build directory mapping, standalone components, and plugin services.
CX Codex +1
944installs
language-detector-api skill Walks your agent through wiring the built-in Language Detector API into a JavaScript or TypeScript web app: support checks, model download, sessions, detect().
CX Codex +1
475installs
writing-assistance-apis skill Integrates built-in browser Summarizer, Writer, and Rewriter APIs in JavaScript and TypeScript apps. It handles model downloads, streaming responses, and abort signals.
CX Codex +1
473installs
cordova-to-capacitor skill Migrates Cordova or PhoneGap mobile apps to Capacitor step by step. It keeps user storage data safe and guides the replacement of legacy plugins.
CX Codex +1
768installs
3d-visualizer skill Builds Three.js and React Three Fiber scenes, interactive product configurators, and 3D data charts. Speeds up WebGL integration inside React apps.
CX Codex +1
665installs
landing-page-optimization skill A Claude skill for landing pages: copy frameworks, the 11-element page structure, CTA writing and conversion work.
CX Codex +1
324installs
proofreader-api skill A skill that walks an agent through browser Proofreader API integration: availability checks, model download monitoring, proofreading and correction handling. Useful when adding built-in proofreading to a web app.
CX Codex +1
470installs
translator-api skill Integrates the browser Translator API into JavaScript or TypeScript web apps. Sets up on-device translation, model downloads, and streaming text output.
CX Codex +1
467installs
framer-ui-skills skill Hands the agent a fixed set of Framer-style UI rules: dark surfaces, Inter, a 4px grid. Useful when you want a predictable look without hand-tweaking every value.
CX Codex +1
320installs
tanstack-router skill Configures type-safe file-based routing in React SPAs and resolves integration issues with TanStack Query or Cloudflare Workers.
CX Codex +1
445installs
html-visual skill Generates an interactive single-file HTML visualization: mockup, ERD, flowchart, chart or slides. Useful when you want a schema or dataset rendered instead of described.
CX Codex +1
475installs
vite skill A performance optimization guide with 42 Vite rules. Helps your AI agent audit configs, optimize bundles, and fix slow dev servers.
CX Codex +1
358installs
webnn skill Walks your agent through Web Neural Network API integration in JS or TS: navigator.ml checks, MLContext, graph building, tensors and local fallbacks.
CX Codex +1
463installs
interaction-design skill A skill for designing interface feedback: loading states, errors, empty screens, animation timing and accessibility. Useful when you need to plan how UI behaves, not just how it looks.
CX Codex +1
441installs
capacitor-app-creation skill A skill that walks the agent through building a Capacitor app from scratch: web scaffold, config, native platforms, and running it.
CX Codex +1
915installs
reflex-docs skill Pulls the Reflex reference into your agent's context so it writes components, State and event handlers against current docs instead of stale training data.
CX Codex +1
696installs
scrollytelling-and-parallax-data-visualization
official skill Guides the design and implementation of scrollytelling and parallax data visualizations. Use it when scroll progression explains data through staged scene reveals.
CX Codex GP ChatGPT
13installs
react-and-nextjs-data-visualization
official skill Patterns for embedding charts and diagrams into React and Next.js: SSR boundaries, hydration safety, URL-backed state, and isolated rendering layers.
CX Codex GP ChatGPT
13installs
geospatial-and-cartographic-visualization
official skill This skill helps plan maps by choosing projections, basemaps, visualization types, and implementation tools. Use it for thematic maps, routes, and spatial datasets.
CX Codex GP ChatGPT
13installs
d3-data-visualization
official skill This skill builds custom D3 visualizations with SVG or DOM, annotations, bespoke scales, and interaction. Use it when standard chart grammars no longer fit.
CX Codex GP ChatGPT
13installs
anthropic-ui-skills skill Hands your agent a fixed set of rules for Anthropic-style interfaces: light surfaces, Inter, a 4px grid. Useful when you keep re-explaining the palette in every prompt.
CX Codex +1
313installs
generative-ui skill An assistant-ui skill that lets the model assemble a UI from a component vocabulary at runtime instead of filling a layout you wrote.
CX Codex +1
1,000installs
webflow-mcp:figma-to-webflow skill Translates Figma layouts into native Webflow elements and styles using Figma MCP and Webflow MCP. Ideal for assembling pages directly in Webflow without copy-pasting raw markup.
CX Codex +1
373installs
internationalization-i18n skill Sets up multi-language workflows using i18next, gettext, or native Intl APIs. Useful when building apps with plural forms, locale formatting, and RTL layouts.
CX Codex +1
433installs
minimax-image-understanding skill This skill connects your coding agent to MiniMax vision models via understand_image. It handles screenshot OCR, UI layout inspection, and visual bug diagnostics.
CX Codex +1
556installs
bun-nextjs skill Configures Next.js projects to run on the Bun runtime. Guides development scripts, build configs, and native SQLite usage across server components.
CX Codex +1
429installs
prompt-api skill Integrates and debugs browser-native Prompt API workflows in JavaScript and TypeScript apps. It handles availability checks, streaming responses, and download monitoring.
CX Codex +1
447installs
vtex-io-storefront-theme-app skill Assists with structuring VTEX IO storefront theme apps by composing block trees, declaring custom routes, and wiring templates for the merchant Site Editor.
CX Codex +1
1,000installs
tdesign-miniprogram skill A skill that tells the agent how to build WeChat mini program UIs with Tencent's TDesign library: 60+ components, dark mode, theme customization.
CX Codex +1
396installs
websocket-implementation skill A skill that has your agent write the WebSocket server and client: rooms, reconnection, Redis scaling.
CX Codex +1
425installs
tauri skill A routing skill for Tauri v2 development. Directs coding agents to specialized sub-skills, offline permission templates, and Rust backend examples.
CX Codex +1
530installs
uniwind skill A skill with 45+ rules for Uniwind, the Tailwind bindings for React Native. Useful when setting up a project, building themes or migrating from NativeWind.
CX Codex +1
341installs
ios-animations skill SwiftUI animation craft guide for Swift 6.2 and Clinic MVVM-C architecture. Configures spring physics and motion tokens without raw literals.
CX Codex +1
340installs
capacitor-react skill Guides coding agents through building mobile apps with Capacitor and React 18+. Helps write native feature hooks, configure deep links, and handle the Android back button.
CX Codex +1
873installs
amplify-workflow skill Helps configure full-stack AWS Amplify Gen2 apps using TypeScript code-first definitions. Handles auth, data modeling, S3 storage, and ampx sandboxes.
CX Codex +1
965installs
alba-inertia skill Configures Alba serializers and Typelizer for Inertia Rails. Generates TypeScript types and replaces as_json with typed Ruby resources.
CX Codex +1
376installs
gsap-greensock skill Guides your coding agent in applying Disney's 12 animation principles with GreenSock tweens and timeline sequences.
CX Codex +1
730installs
2,241–2,280 of 2,909
