NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
page-transitions skill A skill for animating route changes, view transitions and modal opens. It gives the agent timings and easing curves instead of guesswork.
CX Codex +1
669installs
rspress-docs-generator skill Builds a new Rspress v2 docs site or updates existing documentation pages according to changes in source code and tests.
CX Codex +1
306installs
echarts skill A skill for building, styling and debugging Apache ECharts charts in JavaScript, React and Vue.
CX Codex +1
2,700installs
accessibility-and-inclusive-visualization
official skill A Claude and Claude skill that reviews charts, diagrams and dashboards for accessibility: contrast, labels, keyboard paths, text alternatives.
CX Codex GP ChatGPT
11installs
react-hook-form-zod skill Sets up type-safe React forms using React Hook Form and Zod validation. It helps with schema definitions, nested field arrays, and server validation.
CX Codex +1
376installs
react-native-animations skill Teaches coding assistants to build smooth 60fps animations with Reanimated 3 and Gesture Handler in React Native apps.
CX Codex +1
663installs
fitness-wellness skill A skill that sets timing and easing for animations in fitness apps, workout trackers and meditation screens. Useful when motion has to motivate, not just move.
CX Codex +1
663installs
jest-generator skill Generates Jest unit tests for JavaScript, TypeScript, and React components. Sets up mocks, spies, and async assertions while targeting 80% test coverage.
CX Codex +1
374installs
inngest-realtime skill A skill that shows the agent how to push updates from durable Inngest functions into a live UI: order status, token streaming, logs and user approvals.
CX Codex +1
797installs
thesys-generative-ui skill A skill that teaches your agent to build React components from plain-language prompts with the Thesys SDK. Handy when you want a UI sketched out from a description.
CX Codex +1
371installs
nuxt-studio skill Sets up the Nuxt Studio visual editor for Nuxt Content sites. It guides OAuth authentication setup and deployment to subdomains via Cloudflare.
CX Codex +1
368installs
maz-ui skill This skill teaches your agent Maz-UI v4: 50+ components, composables and directives for Vue 3 and Nuxt 3. Handy when you build forms, dialogs or data tables.
CX Codex +1
369installs
sales-app-extensibility skill Guides the creation, styling, and deployment of VTEX Sales App extensions. Works through a seven-stage sequence from project checks to final delivery.
CX Codex +1
856installs
e-commerce-retail skill A skill that maps Disney's 12 animation principles onto shopping interfaces: product cards, cart, checkout. Useful when the store should feel premium without slowing the buy.
CX Codex +1
647installs
mastering-animate-presence skill Checks Motion and Framer Motion code for AnimatePresence mistakes and exit animation problems. Useful when reviewing modals and lists.
CX Codex +1
323installs
tigris-static-assets skill Deploys static assets to Tigris object storage for global CDN delivery, configuring Cache-Control headers and build pipelines across web frameworks.
CX Codex +1
3,100installs
tigris-image-optimization skill A skill for images stored in Tigris: it builds variants at upload time, serves them from a public bucket and points you to the right framework guide.
CX Codex +1
3,100installs
accessible-motion skill This skill swaps harmful animations for safe alternatives and covers the WCAG motion criteria. Useful when your UI has parallax, zoom or infinite loops.
CX Codex +1
642installs
gh-pages-deploy skill This skill publishes HTML/CSS/JS projects to GitHub Pages with gh. Use it when a project needs a public URL.
CX Codex +1
312installs
pwa-development skill A skill for React and Svelte projects that walks the agent through service workers, offline support and installable apps. Useful when offline behaviour is planned, not patched in later.
CX Codex +1
437installs
react-flow-code-review skill Walks @xyflow/react code through a review checklist: anti-patterns, wasted re-renders, typing. Useful when a graph stutters or nodes keep remounting.
CX Codex +1
319installs
anime-js skill A skill that gives your coding agent ready Anime.js recipes for all 12 Disney animation principles.
CX Codex +1
639installs
woocommerce-copy-guidelines skill A skill that sets the rules for user-facing text in WooCommerce: button labels, field names, messages and docs. Useful when more than one person writes the storefront strings.
CX Codex +1
363installs
render-static-sites skill Walks your agent through shipping a static site or SPA to Render's CDN: build commands, publish paths, SPA routing, headers and PR previews.
CX Codex +1
367installs
sentry-react-sdk skill The skill scans your React app and walks you through a full Sentry setup: errors, tracing, session replay, logging and profiling.
CX Codex +1
579installs
capacitor-vue skill Guides agents through Vue 3 Composition API patterns, custom composables, and router deep linking for Capacitor mobile apps.
CX Codex +1
757installs
remotion-animation skill Builds timing constants, spring physics, and interpolation ranges for Remotion without creating UI components.
CX Codex +1
441installs
brand-color-psychology skill A reference framework for choosing brand palettes using behavioral context, archetype theory, and contrast requirements. It guides color role distribution and market differentiation.
CX Codex +1
300installs
webgl skill A WebGL skill for custom shaders and visual effects: holograms, post-processing, particle systems. Useful when you're building a 3D interface.
CX Codex +1
555installs
cloudinary-transformations skill Turns a plain-language request into a working Cloudinary transformation URL, and helps debug ones that misbehave. Useful for resizing, cropping, overlays and media optimization.
CX Codex +1
852installs
mapbox-navigation-patterns skill Tells your agent how to wire up turn-by-turn navigation, multi-stop routes and voice guidance on Mapbox.
CX Codex +1
401installs
tauri skill Guides Tauri 2.0 desktop application development with strict IPC security, path validation, and capability-based permission controls.
CX Codex +1
550installs
gsap-awwwards-website skill This skill scaffolds a product landing template built on React 19, GSAP scroll animations and Tailwind CSS 4.
CX Codex +1
810installs
suggest-lucide-icons skill Turns a concept, a UI spot or a screenshot into three verified Lucide icon names, then names the best one. No invented icons.
CX Codex +1
616installs
jkvideo-bilibili-react-native skill Assists in building and modifying a React Native 0.83 client for Bilibili on Expo SDK 55. Helps configure DASH video, danmaku comments, and API signing.
CX Codex +1
879installs
svg-art skill A skill that generates SVG graphics through code: icons, patterns, fractals, charts and data visualizations via executable Python scripts.
CX Codex +1
510installs
audit
official skill Walks through product flows step by step, captures verified screenshots, and flags UX and accessibility issues in chat.
CX Codex GP ChatGPT
10installs
stream-react-native skill A skill for building, integrating, migrating and auditing Stream Chat, Video and Feeds in React Native CLI and Expo apps.
CX Codex +1
706installs
healthcare-medical skill Sets animation rules for medical apps, patient portals and telehealth: calm transitions instead of abrupt ones.
CX Codex +1
606installs
critique skill Evaluates interface designs from a UX angle, scoring hierarchy and cognitive load. Highlights AI slop patterns and clarifies user flows.
CX Codex +1
705installs
2,321–2,360 of 2,909
