NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
clerk-expo skill A skill that wires Clerk sign-in and sign-up into Expo and React Native apps. Useful when you want prebuilt auth screens or custom flows with OTP and MFA.
CX Codex +1
14,100installs
commerce-b2b-open-code-components-replace skill Replaces out-of-the-box B2B Commerce components with open source equivalents in site metadata content.json. Or just reports the mappings when you don't want files touched.
CX Codex +1
4,600installs
clerk-vue-patterns skill A skill that tells your agent how to wire Vue 3 to Clerk: composables, Vue Router guards and a Pinia auth store.
CX Codex +1
14,000installs
clerk-nuxt-patterns skill Provides @clerk/nuxt authentication patterns for Nuxt 3 projects. It helps configure Nitro server routes, client composables, and SSR route guards.
CX Codex +1
13,900installs
styleseed skill A skill for building, fixing and inspecting UI while keeping the design decisions your project already made. Useful when screens change but the style should not.
CX Codex +1
570installs
paperkit skill This skill guides PaperKit markup integration in iOS apps, from an editable canvas to saved annotations. Use it when adding drawings, shapes, or text to documents.
CX Codex +1
3,000installs
animate-text skill A catalog of 24 text animation specs. Your agent picks an effect by name and rebuilds it in GSAP, Motion, CSS or WAAPI.
CX Codex +1
2,700installs
build-review-interface skill Builds a custom browser-based annotation interface to review LLM traces and record human feedback. Useful when evaluating models and collecting labeled datasets.
CX Codex +1
970installs
vuetify0 skill Tells the agent which @vuetify/v0 component or composable to reach for instead of hand-rolling it — buttons, dialogs, selection, virtual lists.
CX Codex +1
721installs
winforms-expert skill A skill for Windows Forms work: it edits code so the project builds, behaves at runtime and stays editable in the Visual Studio Designer.
CX Codex +1
955installs
content-management-systems
official skill Guides GitHub Copilot through CMS architecture, template hierarchies, custom extensions, and media routing. Useful when modifying themes or data models in WordPress, Shopify, or Drupal.
128installs
wordpress-elementor skill Edits Elementor pages and manages templates on WordPress sites via WP-CLI or browser automation. Useful for safe text replacements and layout adjustments.
CX Codex +1
2,900installs
paper-poster-html skill Builds academic conference posters as a single HTML file and renders print-ready PDFs using headless Chromium. Helpful for researchers preparing posters for ICLR, NeurIPS, ICML, and CVPR.
CX Codex +1
311installs
procedural-fish-render skill Clones or updates the procedural-fish repository and exports procedural fish animation to a video file via Remotion.
CX Codex +1
1,000installs
Agentic UX Design - Relationship-Centric Interfaces skill Guides AI interface design toward continuous memory, trust evolution, and co-planning instead of isolated screens. Useful for systems with repeated user sessions.
CX Codex +1
3,300installs
bencium-code-conventions skill Sets Bence's conventions for React and Next.js projects, covering the stack, code style, tests and workflow. Use it when building or setting up work under those rules.
CX Codex +1
3,300installs
renaissance-architecture skill A skill that pushes the agent toward first-principles design instead of "X but for Y". Useful when you plan features, pick a stack or review UI.
CX Codex +1
3,300installs
image-to-code skill Reconstructs UI mockups and screenshots into token-driven accessible code with automated WCAG AA contrast validation.
CX Codex +1
719installs
interfaces-that-feel skill A skill for reviewing a UI that works correctly but lands cold. It prescribes changes at the copy, motion and interaction layer.
CX Codex +1
1,500installs
critique-affordance skill Audits rendered screens for interaction signals, state visibility, action discoverability, and primary CTA clarity.
CX Codex +1
1,600installs
ux-audit skill This skill tests a live web app through browser interactions to catch usability, behavior, accessibility, and layout issues. Use it to review a release or walk through the app’s pages.
CX Codex +1
2,800installs
web-asset-generator skill Generates favicons, PWA app icons, and Open Graph social cards from logos, emojis, or text. Useful when preparing a website or web app for launch and configuring social sharing snippets.
CX Codex +1
933installs
ui-ux-pro-max skill Turns a vague "make it look good" into a concrete design system: palette, typography, component rules and stack-aware notes.
CX Codex +1
506installs
ruler-progress-render skill Clones ruler-progress-animator and renders a ruler progress animation video using Remotion presets. Helps generate transparent motion assets directly from the terminal.
CX Codex +1
958installs
astro skill A skill that teaches your agent the Astro web framework: pages, components, SSR adapters, content collections and deployment. Useful once a project is on Astro.
CX Codex +1
18,200installs
nuxt-studio skill Walks you through self-hosted Nuxt Studio: auth, media, drafts and Git publishing. Useful when the content editor has to live on your own domain.
CX Codex +1
1,600installs
sanity-live-cache-components skill Connects next-sanity to Next.js Cache Components: sanityFetch behind one shared 'use cache' boundary, with <SanityLive> keeping cached pages fresh.
CX Codex +1
527installs
landing skill This skill creates a single-page HTML landing page with 3D CSS animation, GSAP scroll effects, and mouse parallax. It collects product and brand details before generating the page.
404installs
pixijs-html-source skill Teaches your agent to turn a live DOM element or a frozen snapshot of one into a PixiJS v8 texture via the experimental HTML-in-Canvas API.
CX Codex +1
4,500installs
setup-react-native-storybook skill Automates Storybook 10 installation in React Native projects. It handles configurations for Expo, Expo Router, plain React Native CLI, and Re.Pack.
CX Codex +1
528installs
tastemaker skill A skill that pulls style from real references, locks it per project, and reuses it across every screen.
CX Codex +1
892installs
focus-engine skill An AI-coding skill for focus handling in SwiftUI and UIKit: keyboard and directional movement, scene values, restoration after presentation changes. Useful when Siri Remote or Tab navigation lands on the wrong control.
CX Codex +1
2,600installs
android-design-guidelines skill A skill that keeps an AI agent inside Material Design 3 while building Android UI: dynamic color, color roles, navigation patterns.
CX Codex +1
1,700installs
tanstack-start skill Scaffolds a full-stack TanStack Start app on Cloudflare Workers from scratch: SSR, file-based routing, D1, auth. Useful when you want a working skeleton without cloning a template.
CX Codex +1
2,500installs
tanstack-integration-best-practices skill A skill that hands the agent rules for wiring TanStack Query, Router and Start together: loaders, SSR hydration, cache ownership. Useful once all three live in one codebase.
CX Codex +1
2,900installs
remotion-3d-ticker skill Builds looping 3D column scroll effects for Remotion videos. Useful for multi-lane photo feeds, credits, and parallax showcases.
CX Codex +1
852installs
landing-page-design skill Guides landing page work around the hero, CTA and social proof. Use it when shaping a product or marketing page and its visual direction.
CX Codex +1
56,100installs
light-spotlight-render skill Create a standalone HTML animation that reveals text with a swinging spotlight. Adjust the effect’s text, motion, lamp size, glow, and colors.
CX Codex +1
840installs
image-processing skill Resize, trim whitespace, convert PNG/WebP/JPG, optimise size, build thumbnails and OG cards. Runs on Pillow through the img-process CLI.
CX Codex +1
2,400installs
convex-realtime skill A skill for wiring React to Convex subscriptions: useQuery patterns, optimistic updates, pagination that stays live, and cutting subscription churn.
CX Codex +1
2,900installs
1,081–1,120 of 2,909
