NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
huashu-design-html-native skill Turns a plain-language request into a finished file: prototype, slide deck, animation or infographic in HTML/CSS/JS. No Figma involved.
CX Codex +1
426installs
c15t skill Configures hosted c15t with the Inth CLI, covering project connection, consent checks, and gated analytics, pixels, and embeds.
CX Codex +1
490installs
roblox-user-interfaces skill Helps build and debug Roblox menus, HUD overlays, and world-space interfaces like SurfaceGui and BillboardGui.
CX Codex +1
328installs
cc-design-html-prototyping skill This skill builds HTML mockups, slide decks, and interactive prototypes. Use it to explore visual directions before implementing an interface.
CX Codex +1
423installs
website-cloner skill Turns a URL into a single React component styled with Tailwind CSS and motion. Handy when you want a landing page built from an existing site's design.
CX Codex +1
484installs
scroll-experience skill Guides the setup of scroll animations, parallax depth, and product reveals. Useful when designing interactive story layouts linked directly to viewport movement.
2,127installs
vue skill A Vue 3 skill for your coding agent: Composition API, reactivity, single-file components, Vue Router, Pinia, TypeScript and Vite. Useful when the agent writes Vue frontend code.
CX Codex +1
381installs
screenshot skill This skill sets up screenshot checks for UI changes across desktop, tablet, and mobile. Use it when a pull request needs visible proof of the result.
CX Codex +1
380installs
crm-builder skill This skill turns a business description in DOMAIN.md into a working CRM prototype: contacts, companies, deals and a kanban pipeline.
CX Codex +1
1,400installs
reviewing-interface-quality skill Audits an existing interface with screenshots, browser data, and CSS values. Use it before shipping or when a page feels unfinished.
CX Codex +1
352installs
border-beam-react skill Guides your coding agent to implement traveling border glow effects in React using the border-beam package with hardware-accelerated CSS.
CX Codex +1
407installs
nextjs-v16 skill A skill that walks a project through the Next.js 16 migration: async request APIs, opt-in caching with "use cache", Turbopack. Useful when upgrading an existing app.
CX Codex +1
371installs
echarts skill This skill hands your agent working pyecharts recipes: bars, lines, pies, heatmaps, and a self-contained HTML report.
CX Codex +1
364installs
harvard-artifacts-collection-analytics-app skill This skill guides an ETL workflow and a Streamlit dashboard for Harvard Art Museums data. Use it when a Python and SQL analytics project needs API ingestion.
CX Codex +1
1,400installs
vercel-services
official skill Configures monorepos and multi-service deployments in a single Vercel project. Useful when pairing Python or Go backends with a frontend.
CX Codex GP ChatGPT
4installs
vercel-flags
official skill Provides guidance for Vercel Flags and the flags v4 SDK. Useful for implementing staged rollouts, A/B experiments, and the Flags Explorer in Next.js or SvelteKit.
CX Codex GP ChatGPT
4installs
next-cache-components
official skill Guides AI agents through Next.js 16 Cache Components, the use cache directive, and Partial Prerendering setup.
CX Codex GP ChatGPT
4installs
json-render
official skill Guides rendering of AI SDK v6 UIMessage parts, tool call results, and streaming states in custom React chat interfaces.
CX Codex GP ChatGPT
4installs
cms
official skill Guides headless CMS integrations on Vercel, focusing on Sanity, Contentful, DatoCMS, Storyblok, and Builder.io with Visual Editing.
CX Codex GP ChatGPT
4installs
user-context
official skill Stores product and design references for future Product Design work. Use it when an agent needs the same files, links, and preferences across tasks.
CX Codex GP ChatGPT
4installs
custom-pages-and-apis skill Builds custom Astro pages and TypeScript API routes inside an EventCatalog project, with access to catalog data through a public toolkit.
CX Codex +1
410installs
svelte5-runes-static skill Provides safe reactivity patterns for Svelte 5 runes paired with SvelteKit adapter-static. It prevents frozen state and hydration mismatches during static prerendering.
CX Codex +1
364installs
award-winning-website skill Sets up a gaming landing page template powered by React 19, Vite, and GSAP scroll animations. Helpful when building dynamic visual portfolios or promo sites.
CX Codex +1
359installs
permiso-accessibility-permissions skill A skill for coding agents that shows how to add a guided macOS accessibility permission panel to a Swift app.
CX Codex +1
386installs
sumsub-integrate-dint-websdk skill Adds Sumsub Device Intelligence to an existing WebSDK flow. Use it to bind device signals to an applicant and read device risk labels.
CX Codex +1
980installs
sumsub-integrate-id-connect skill Walks your agent through the whole Sumsub ID Connect integration: sign-in button, code-to-token exchange, user consent and applicant creation in your workspace.
CX Codex +1
980installs
better-auth-plugins skill Guides coding agents when configuring Better Auth plugins in TypeScript projects. Covers two-factor auth, passkeys, JWT, and schema migrations.
CX Codex +1
352installs
flutter-riverpod-expert skill Equips AI coding assistants with modern Riverpod state management practices. It guides code generation, AsyncNotifier patterns, and widget rebuild optimizations.
CX Codex +1
1,100installs
recharts skill This skill guides React chart work with Recharts. Use it for line, bar, area, pie, scatter, and mixed visualizations.
CX Codex +1
1,100installs
stream-flutter skill This skill helps build Flutter apps with Stream Chat, Video, and Feeds. Use it to start a project, integrate Stream into an existing app, or migrate from Sendbird.
CX Codex +1
307installs
nextjs-core skill Guides AI coding agents through Next.js App Router conventions: server-first components, safe Server Actions, and explicit cache revalidation.
CX Codex +1
348installs
stream-react skill A skill for building and auditing Stream Chat, Video and Feeds in React and Next.js apps. Keeps you from writing SDK code from stale memory.
CX Codex +1
304installs
vb-winforms skill VB.NET Windows Forms development patterns for UI threading and data binding. Keeps desktop interfaces responsive.
CX Codex +1
345installs
headlessui skill A skill covering Headless UI: unstyled React and Vue components with keyboard navigation and ARIA built in. Useful when you want your own design without losing accessibility.
CX Codex +1
345installs
svelte skill Get Svelte 5 guidance for reactive components and SvelteKit apps. Use it when building UI state, bindings, routes, or data-loading flows.
CX Codex +1
343installs
performance-optimization skill Turns profiler traces, load tests, and query plans into a targeted tuning brief. Pinpoints a single bottleneck and verifies fixes with before-and-after data.
CX Codex +1
366installs
state-management skill A skill that classifies React state into packets and picks the narrowest owner, so you stop arguing about libraries before you know what the state is.
CX Codex +1
365installs
agentation skill Connects in-browser clicks on rendered components directly to coding agents, formatting CSS paths, coordinates, and markdown for prompt handoffs.
CX Codex +1
363installs
hono-jsx skill A skill covering server-side HTML with Hono JSX: async components, Suspense streaming, error boundaries. Useful for SSR pages and email templates with no client hydration.
CX Codex +1
338installs
create-component skill Scaffolds Astro components, pages, and layouts with accessible markup and minimal JavaScript. Turns designs or static HTML into structured Astro code.
CX Codex +1
425installs
2,681–2,720 of 2,909
