NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
countdown-video skill A skill for building countdown videos: frame-accurate timers, digit roll transitions, mm:ss or dd:hh:mm:ss formatting. Useful for stream screens and launch timers.
CX Codex +1
1,700installs
capacitor-deep-linking skill Configures and debugs custom URL schemes, iOS Universal Links, and Android App Links in Capacitor apps. Fixes links that open the browser or fail on cold launch.
CX Codex +1
1,300installs
safe-area-handling skill Fixes Capacitor layouts where content sits under the notch, Dynamic Island, home indicator or the Android gesture bar.
CX Codex +1
1,300installs
debugging-capacitor skill Diagnoses runtime bugs in Capacitor iOS and Android apps, fixing blank screens, plugin bridge errors, and network restrictions.
CX Codex +1
1,300installs
angular-best-practices skill Keeps your agent inside Angular 21 conventions: signals, standalone components, reactive forms. Useful when it keeps reaching for outdated syntax.
CX Codex +1
756installs
nuxtjs-vue-typescript skill Coding guidelines for Nuxt 3 and Vue 3 projects using TypeScript and Tailwind CSS. Guides component typing, composables, and Nitro server endpoints.
CX Codex +1
834installs
extract skill Crawls an existing website to extract its design tokens, palette, typography, and UI assets into stardust/current/.
CX Codex +1
496installs
bundle-size-optimization skill Cuts JavaScript and CSS bundle sizes using code splitting and tree shaking. Helps optimize production builds and evaluate heavy dependencies before deployment.
CX Codex +1
561installs
relational-database-web-cloudbase skill Sets the init pattern for @cloudbase/js-sdk in the browser so you get one shared CloudBase relational DB client and Supabase-style queries.
CX Codex +1
899installs
responsive-design skill A skill that hands your coding agent a set of responsive design rules: mobile-first CSS, flexible layouts, media queries, adaptive images and type.
CX Codex +1
830installs
sveltekit-svelte5-tailwind-skill skill A skill that helps an agent build sites on SvelteKit 2, Svelte 5 and Tailwind CSS v4. Useful when runes and Vite config keep tripping the model up.
CX Codex +1
561installs
ghost skill Gives your agent working knowledge of Ghost CMS theme development: Handlebars templates, partials, Tailwind CSS and Alpine.js wiring, image and SEO work.
CX Codex +1
828installs
ionic-angular skill A skill that walks your coding agent through Angular patterns in Ionic: routing, lazy loading, forms, page lifecycle hooks.
CX Codex +1
1,500installs
e2e-playwright-testing skill A skill that guides the agent through writing Playwright E2E tests: locators, auth reuse, forms, assertions and CI config.
CX Codex +1
803installs
direct skill Translates freeform redesign intent into target specifications for an existing website. Generates PRODUCT.md, DESIGN.md, and decision traces before prototyping.
CX Codex +1
488installs
vite skill Supplies your coding agent with vetted Vite recipes for HMR, chunk splitting, framework plugins, and Vitest setups.
CX Codex +1
820installs
neo4j-nvl-skill skill Renders Neo4j graphs in browsers with Canvas or WebGL2, covering React 19 wrappers and interaction handlers.
CX Codex +1
716installs
21st-ui-review skill Reviews existing UI for accessibility, responsive behavior and drift from the project's design system. Useful before shipping a page or after someone else's pull request.
CX Codex +1
1,300installs
21st-ui-explore skill This skill sketches several genuinely different UI directions from your project's design system plus 21st references. Handy when nobody knows yet what a new screen should look like.
CX Codex +1
1,400installs
prepare-migration skill Orchestrates full-site redesign migration prep: crawls pages, confirms module catalogs, and builds design canon before running the migration.
CX Codex +1
487installs
blazor-expert skill Blazor reference skill for Claude Code covering Server, WebAssembly, and Hybrid models. Guides component structure, state flow, and C# forms.
CX Codex +1
688installs
angular skill Configures your AI agent to follow official Angular and TypeScript conventions with standalone components, reactive signals, and strict interfaces.
CX Codex +1
816installs
motion skill Guides coding agents to build hardware-accelerated animations using the Motion library in vanilla JavaScript and TypeScript.
CX Codex +1
812installs
web-development skill A skill that hands the agent web development conventions: Bootstrap grid, Django views and models, HTMX attributes. Useful when templates and backend live in one repo.
CX Codex +1
815installs
Web Design Builder skill Turns a spec or a plain description into HTML5/CSS/JS, then checks accessibility and behaviour through Playwright MCP.
CX Codex +1
416installs
state-management skill A skill that hands your agent ready patterns for TanStack Query v5 and Zustand v5: fetching, caching, mutations, optimistic updates and client stores.
CX Codex +1
790installs
web-motion-design skill A skill that tells your agent how to build CSS animations, JS transitions and React or Vue motion using Disney's 12 animation principles.
CX Codex +1
1,300installs
real-time-features skill Equips coding assistants with architectural patterns for WebSockets, Server-Sent Events, and long polling. Useful for chat apps, live feeds, and collaborative workspaces.
CX Codex +1
543installs
web-performance-audit skill This skill measures page load times, finds bottlenecks and points at what to fix. Useful after a big release or when users complain about slowness.
CX Codex +1
543installs
instantdb skill A skill that steers the agent through building apps on InstantDB: schema, permissions, queries, file storage. Useful when you want a backend without running a server.
CX Codex +1
1,400installs
wechat-miniprogram-skill skill Turns your coding agent into a native WeChat Mini Program developer: performance, code size and platform compatibility rules baked in.
CX Codex +1
1,400installs
webpack-bundler skill A skill that tells the agent how to write and fix Webpack configs: chunk splitting, tree shaking, loaders and plugins. Useful when your bundle grows or builds drag.
CX Codex +1
802installs
browser-debugging skill A skill for chasing client-side bugs: JavaScript errors, broken layouts, slow pages. Useful when something misbehaves and the cause isn't obvious.
CX Codex +1
540installs
filament-pro skill A skill that walks your agent through Filament v5 admin panels: resources, forms, tables, widgets and Livewire v4 tests.
CX Codex +1
1,200installs
three-js skill Guides agent development for Three.js and React Three Fiber with TypeScript standards, render optimization, and resource disposal.
CX Codex +1
798installs
design-system-creation skill A skill that lays out a design system: tokens, components, docs and governance. Useful once you have more than one interface or team.
CX Codex +1
537installs
blazor skill A skill that gives your coding agent Blazor rules: component lifecycle, data binding, state management and render optimization.
CX Codex +1
798installs
distinctive-frontend skill Generates web interfaces with bold visual identity, replacing generic AI palettes and fonts with distinct themes like Cyberpunk, Brutalist, Vaporwave, and Nordic Minimalism.
CX Codex +1
588installs
ionic skill Gives the agent a set of Ionic rules: feature-based structure, built-in components, SCSS theming, lazy loading and Firebase.
CX Codex +1
797installs
graphic-design skill A skill that hands your coding agent a graphic design reference: color, typography, grids, file formats. Useful when it lays out UI or preps artwork for print.
CX Codex +1
492installs
2,001–2,040 of 2,909
