NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
nextjs-code-review skill Reviews Next.js App Router code before merges, covering component boundaries, Server Actions, caching and routes. Use it after a feature or router migration.
CX Codex +1
3,800installs
zod-validation-utilities skill Guides Zod v4 validation for TypeScript APIs, forms, and configuration. Use it when external input needs parsing, coercion, and clear validation errors.
CX Codex +1
3,800installs
logo-animation skill A coding-agent skill that builds logo motion: intros, app splashes, loader loops, SVG draw-ons. Ships for web, video and app delivery.
CX Codex +1
2,800installs
color-motion skill Builds motion design palettes in OKLCH, fixes muddy CSS gradient midpoints, and resolves gamma shift issues in After Effects video renders.
CX Codex +1
2,800installs
experience-lwc-runtime-observe skill Runs a local Salesforce LWC preview via the CLI and inspects the rendered runtime DOM. Useful for debugging shadow DOM output in local dev.
CX Codex +1
2,000installs
experience-lds-best-practices-apply skill Reviews a Lightning Web Component's data layer and fixes it: when UIAPI is enough, when Apex is justified, and how to stop stale data after a save.
CX Codex +1
2,000installs
experience-lwc-design-generate skill Creates Lightning Web Components from Figma designs or PRD specs. Orchestrates requirements, code generation, SLDS styling, and tests.
CX Codex +1
2,100installs
mvvm-toolkit-messenger
official skill A GitHub Copilot skill for CommunityToolkit.Mvvm Messenger: wires ViewModels together over pub/sub instead of direct references.
56installs
sentry-sdk-upgrade skill This skill guides major version upgrades for the Sentry JavaScript SDK, like migrating from v7 to v8 or v9. It finds deprecated APIs, updates imports, and verifies the build.
CX Codex +1
3,100installs
sentry-react-sdk skill Walks a React project through full Sentry setup: it scans your dependencies, proposes a feature set, and writes the config. Useful when you want error monitoring wired up without reading the docs end to end.
CX Codex +1
3,100installs
motion-principles skill A foundational motion design skill establishing timing budgets, easing curves, reduced-motion compliance, and jank prevention for Web, SwiftUI, and Compose.
CX Codex +1
1,100installs
nextjs-deployment skill Provides production deployment patterns for Next.js. Sets up multi-stage Dockerfiles, GitHub Actions workflows, health checks, and OpenTelemetry instrumentation.
CX Codex +1
3,700installs
nextjs-data-fetching skill Provides Next.js App Router data fetching patterns, covering Server Components, ISR caching strategies, and SWR or React Query client integration.
CX Codex +1
3,700installs
flowchart-creator skill Turns a process into a single HTML file with an SVG flowchart. Handy when a workflow needs a picture instead of a paragraph.
CX Codex +1
735installs
shopify skill A skill for building on Shopify: apps, checkout and admin extensions, Liquid themes, plus GraphQL and REST API work.
CX Codex +1
450installs
better-auth skill A skill with ready-made Better Auth patterns: NestJS backend, Drizzle ORM and PostgreSQL, social login, plus plugins like 2FA and passkey.
CX Codex +1
3,600installs
experience-lds-graphql-generate skill This skill builds Salesforce LDS GraphQL queries and mutations from your org's schema and wires them into a Lightning Web Component. Useful when an LWC has to read or edit records over GraphQL instead of wire adapters.
CX Codex +1
1,900installs
experience-aura-lwc-migrate skill Analyzes Salesforce Aura bundles and generates a framework-agnostic PRD for migration to LWC. It maps attributes, events, and data needs before coding begins.
CX Codex +1
1,900installs
localize skill Adapts user experience and UI patterns across cultures and languages, covering RTL layouts, trust signals, and legal compliance.
CX Codex +1
2,700installs
include skill Embeds digital accessibility and WCAG 2.2 standards directly into UI design workflows before handoff.
CX Codex +1
2,700installs
fortify skill Hardens interface flows against real-world failures: empty states, partial loading, network drops, and unhandled validation errors.
CX Codex +1
2,700installs
web-testing skill A web testing skill covering unit, integration, E2E, load, security, visual and accessibility checks. Useful when your test suite needs structure.
CX Codex +1
442installs
mantine-custom-components skill Teaches AI agents to build custom components for Mantine 9.x and React 19. It sets up component factories, Styles API support, and CSS variable resolvers.
CX Codex +1
3,600installs
ecommerce-landing-page skill Audits e-commerce landing pages and generates conversion optimization plans: reviews the hero section, CTA placement, trust signals, and A/B test hypotheses.
CX Codex +1
1,300installs
vite-flare-starter skill Clones the vite-flare-starter template and configures it into your own Cloudflare Workers app, with React, Hono, D1 and Drizzle, auth and Workers AI already in place.
CX Codex +1
1,200installs
motion-background skill Teaches your assistant to build subtle background animations like CSS mesh gradients or 2D canvas particle fields without hurting readability.
CX Codex +1
2,700installs
macos-patterns skill Guides native macOS app work with menu bar UI, windows, focus behaviour and platform-specific APIs.
CX Codex +1
670installs
sentry-browser-sdk skill Walks the agent through Sentry setup for browser JavaScript: checks the project for frameworks, picks an install path, then configures error monitoring, tracing and replay.
CX Codex +1
2,900installs
msw-ui-system skill Guides coding agents through building MapleStory Worlds interfaces: generates .ui layouts, configures UI components, and handles .mlua UUID bindings.
CX Codex +1
9,700installs
mantine-combobox skill Teaches the agent to build dropdowns, autocompletes and multiselects on Mantine's Combobox primitives.
CX Codex +1
3,500installs
horizontal-scroll-scenes skill A skill for chapters that travel left to right while the reader scrolls down. One pure function turns scrollY into scene, dwell and move.
CX Codex +1
367installs
motion-effects skill Builds one of 16 motion effects in your own brand as a single 8-second looping HTML file that exports frame-exact to MP4 or GIF.
CX Codex +1
1,500installs
typegpu skill A skill that helps the agent write TypeGPU code: shaders, buffers, pipelines and the @typegpu/react hooks, with the type plumbing handled.
CX Codex +1
1,600installs
mobile-responsiveness skill Provides mobile-first responsive design patterns, touch gesture handlers, fluid typography rules, and safe area handling for web apps.
CX Codex +1
1,400installs
macos-settings-ui skill Builds a native macOS settings window in SwiftUI: sidebar, grouped Form panes and liquid glass window chrome for macOS 26.
CX Codex +1
650installs
graphql-operations skill A skill that keeps your agent writing GraphQL queries, mutations and fragments against the real schema. Useful when it starts inventing field names.
CX Codex +1
3,600installs
tanstack-query skill A skill that tells your agent how to use TanStack Query v5: caching, invalidation, mutations and optimistic updates.
CX Codex +1
9,900installs
remotion-video skill A skill for building MP4, GIF and WebM videos in React, where every frame is a pure function of useCurrentFrame, so renders stay deterministic.
CX Codex +1
2,600installs
design-audit skill Scans frontend codebases for accessibility flaws, motion bugs, and AI design tells. Runs static checks and stacks checklists before shipping.
CX Codex +1
1,000installs
threejs-r3f skill A skill covering Three.js and React Three Fiber: scene setup, hooks, postprocessing and performance rules. Useful when your agent writes 3D in React.
CX Codex +1
1,000installs
1,241–1,280 of 2,909
