NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
video-production skill Plans programmable and automated video pipelines, routing workflows to Remotion compositions or cloud render APIs.
CX Codex +1
503installs
i18n-frontend-implementer skill This skill adds frontend i18n setup with translation files, locale-aware formatting, plural handling, and language switching.
CX Codex +1
359installs
accessibility-auditor skill The skill reviews your markup for accessibility and repairs it: semantics, ARIA, keyboard flow, contrast. Useful before shipping a form or a modal.
CX Codex +1
355installs
wordpress-block-editor-fse skill Guides WordPress 6.7+ Full Site Editing and block theme creation. Helps structure HTML templates, configure theme.json v3, and build blocks with render.php.
CX Codex +1
461installs
rattles-terminal-spinners skill A Claude skill covering rattles, a minimal Rust library for terminal spinners. Useful when a CLI needs a loading indicator without extra dependencies.
CX Codex +1
497installs
web-performance-optimization skill A skill that walks through web performance work: Core Web Vitals, modern browser patterns, and framework-specific fixes. Useful when Lighthouse scores drop or pages load slowly.
CX Codex +1
457installs
progressive-blur-header-swiftui skill This skill adds a SwiftUI sticky header with a gradual blur effect. Use it for interfaces styled after Apple Music, Photos, or the App Store.
CX Codex +1
493installs
design-system skill Defines or refactors shared frontend UI tokens, primitive naming, and visual rules before individual screen styling. Keeps dashboards and marketing pages visually aligned.
CX Codex +1
488installs
bouncer-feed-filter skill Helps you build and configure the Bouncer browser extension, which removes unwanted Twitter/X posts in real time using local WebGPU or cloud AI models.
CX Codex +1
483installs
responsive-design skill The skill turns a vague “breaks on mobile” report into one named responsive surface, a strategy packet and a verification plan.
CX Codex +1
478installs
responsive-design-system skill A skill that walks your coding agent through mobile-first layouts: breakpoints, container queries, fluid typography and adaptive grids built on Tailwind CSS.
CX Codex +1
343installs
podcast-generation skill Generates podcast-style audio narratives using Azure OpenAI GPT Realtime Mini over WebSocket. Integrates a FastAPI backend with a React audio player.
29installs
sumsub-integrate-websdk skill Walks a web project through the full Sumsub KYC integration, from picking a level to the webhook that finally grants the user access.
CX Codex +1
1,200installs
sveltekit skill A skill that tells the agent how SvelteKit works: file-based routing, load functions, form actions and deployment adapters.
CX Codex +1
441installs
html-ppt-skill skill Builds static HTML slide decks using standalone CSS and JavaScript without build pipelines. Helpful when you need an animated presentation right in the browser.
CX Codex +1
476installs
v0-dev
official skill Generates React components with v0, integrates them into Next.js projects via CLI, and automates deployments using the v0 SDK.
CX Codex GP ChatGPT
5installs
turbopack
official skill Guides the setup of Turbopack in Next.js 16, helps migrate from Webpack loaders, and resolves production build failures.
CX Codex GP ChatGPT
5installs
geistdocs
official skill Guides the assistant through setting up Geistdocs sites built with Next.js 16 and Fumadocs. Useful when authoring MDX, configuring i18n, or enabling AI chat.
CX Codex GP ChatGPT
5installs
index
official skill This skill routes product design requests to the right workflow. Use it when you want to explore an idea, review a user flow, or build a prototype from a visual reference.
CX Codex GP ChatGPT
5installs
openai-ads-conversions-setup
official skill Guides Codex in setting up OpenAI Ads Measurement Pixel and server-side Conversions API. Useful for tracking checkouts, leads, and purchases without leaking secrets.
CX Codex GP ChatGPT
5installs
web-perf
official skill Audits web page performance using Chrome DevTools MCP. Measures Core Web Vitals and inspects render-blocking assets.
CX Codex GP ChatGPT
5installs
isolet-widget-isolation skill This skill packages a component into a self-contained widget with shadow DOM and scoped styles, ready to embed on any page.
CX Codex +1
474installs
frontend-design skill Strict visual guidelines that stop AI agents from spitting out generic purple SaaS cards, cramped tables, and unneeded sidebars in Tailwind and shadcn/ui.
CX Codex +1
1,600installs
wordpress-theme-to-emdash skill Ports a WordPress theme's design and template behavior to an Astro site backed by EmDash. Useful for theme migrations and matching the original layout.
CX Codex +1
691installs
suppressing-noisy-errors skill Configures PostHog error tracking suppression rules to drop unactionable client-side noise and crawler traffic at ingestion.
CX Codex +1
314installs
visual-regression-tester skill This skill sets up visual regression testing: it captures screenshots, compares them against baselines and flags unintended UI changes.
CX Codex +1
330installs
wordpress-plugin-to-emdash skill Reads a WordPress plugin and decides what moves to EmDash: site schema, Astro code, or a plugin of its own.
CX Codex +1
688installs
form-wizard-builder skill Builds multi-step forms with validation schemas, step components, shared state, a progress indicator and a review step before submit.
CX Codex +1
328installs
webphysics-avbd-engine skill This skill helps wire a WebGPU physics engine into a project, including bodies, contacts, joints, springs, and render-state updates.
CX Codex +1
460installs
ionic-framework-mcp skill Connects your MCP client to the hosted Ionic Framework MCP server with official v8 and v9 documentation and framework examples.
CX Codex +1
426installs
rbac-permissions-builder skill Generates a complete role-based access control architecture in TypeScript: permission matrices, Express route guards, policy classes, and UI checks.
CX Codex +1
320installs
storybook-setup skill Sets up Storybook for component docs, interactive controls, accessibility checks, and visual regression testing.
CX Codex +1
319installs
astro-best-practices skill Architectural rules and review checklists for building performant, accessible Astro projects across AI coding assistants.
CX Codex +1
521installs
acgti-anime-persona-quiz skill This skill helps extend ACGTI, a Vue 3 and TypeScript anime quiz that calculates an MBTI-style result and selects a character.
CX Codex +1
440installs
palantir-for-family-trips skill Helps set up and tweak a dark-mode operations dashboard for multi-family road trips. Coordinates convoy routes, arrival windows, and shared schedules.
CX Codex +1
437installs
wterm-web-terminal skill Coding agent guide for embedding the lightweight Zig and WebAssembly terminal emulator wterm into React, Next.js, or vanilla web apps.
CX Codex +1
435installs
diagram-design-editorial skill A skill that turns a short description into an HTML+SVG diagram for posts and docs. Thirteen types, no Mermaid, no build step, styling matched to your site.
CX Codex +1
433installs
core-web-vitals-tuner skill Provides step-by-step code patterns to improve LCP, INP, and CLS scores. Helps tune frontend performance for Core Web Vitals audits.
CX Codex +1
308installs
tailwind-gradient-builder skill Generates modern Tailwind CSS gradients, from simple linear stops to mesh layouts and animated text. Useful when styling backgrounds and hero sections.
CX Codex +1
307installs
frontend-refactor-planner skill Builds phased refactoring roadmaps for legacy frontend code, targeting oversized components, messy state, and accessibility issues.
CX Codex +1
305installs
2,641–2,680 of 2,909
