NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
12-principles-of-animation skill Audits web animation code against Disney motion principles. Flags timing, physics, and easing flaws with precise file and line findings.
CX Codex +1
2,200installs
vitest-skill skill Generates Vitest unit tests for JavaScript and TypeScript projects. Provides patterns for vi mocking and React component testing.
CX Codex +1
448installs
liquid-glass
official skill Implements and reviews macOS SwiftUI Liquid Glass interfaces, stripping conflicting custom backgrounds so system materials render cleanly.
CX Codex GP ChatGPT
78installs
flutter-architecture skill A skill that designs and reviews Flutter app architecture: layers, MVVM, feature-first layout, DI, and patterns like Result and Command.
CX Codex +1
1,700installs
senior-frontend skill Build React and Next.js scaffolds and components, inspect dependencies, and apply accessibility practices. Useful when starting a project or extending an existing app.
CX Codex +1
345installs
preview-import skill Starts a local AEM dev server to verify imported HTML in Edge Delivery Services. Checks block rendering, inspects metadata, and catches 404 errors.
CX Codex +1
1,600installs
find-test-content skill Finds existing pages using a specific block in AEM Edge Delivery Services projects. Reports page URLs, block counts, and active variants for development and testing.
CX Codex +1
1,600installs
block-collection-and-party skill Finds reference blocks, plugins, and code patterns for AEM Edge Delivery Services across Block Collection and Block Party. Helps bootstrap EDS component development.
CX Codex +1
1,600installs
testing-blocks skill Runs linting, real-browser validation and unit tests on AEM Edge Delivery Services changes. Useful right before you open a pull request.
CX Codex +1
1,600installs
analyze-and-plan skill Defines acceptance criteria, authoring rules, and a Definition of Done before coding AEM Edge Delivery Services blocks. Useful for scoping changes and catching edge cases early.
CX Codex +1
1,600installs
content-modeling skill Walks you through designing content models for AEM Edge Delivery Services blocks so authors can fill them in without guesswork.
CX Codex +1
1,600installs
content-driven-development skill A skill for AEM Edge Delivery Services work: find or create test content first, then write the code. Useful for blocks, styling and scripts.js changes.
CX Codex +1
1,600installs
block-inventory skill Surveys local AEM Edge Delivery Services blocks and searches the Block Collection to inform content modeling decisions during page imports.
CX Codex +1
1,600installs
building-blocks skill A skill for implementing AEM Edge Delivery Services blocks and core changes: it creates block folders, writes decorate functions, scopes CSS. Runs from content-driven-development at the implementation step.
CX Codex +1
1,600installs
code-review skill Audits AEM Edge Delivery Services code against Adobe standards before commits or during pull request reviews.
CX Codex +1
1,600installs
google-maps-platform skill Architects and generates production-ready Google Maps Platform code for Web and mobile apps using dynamically retrieved documentation.
CX Codex +1
944installs
trigger-realtime skill A skill to subscribe to Trigger.dev task runs from the browser, render progress and data streams in React, and fire tasks with scoped tokens. Use it to wire live status badges, progress bars, or approval forms into your UI.
CX Codex +1
2,800installs
visual-qa-testing skill Opens your app in Cursor's built-in browser, grabs a screenshot, reads console errors and audits network requests. Handy right after UI edits.
CX Codex +1
642installs
contentful-custom-app-from-scratch skill Walks an agent through building a Contentful App Framework custom app: brief, location choice, scaffold, local test, handoff.
CX Codex +1
2,800installs
add-audio skill This skill adds background music and sound effects to a browser game using the Web Audio API. No audio files, no npm packages — everything is synthesized in the browser.
CX Codex +1
1,000installs
math-teacher skill Generates playful, browser-based math playgrounds with interactive graphs and game mechanics. Helps learners explore arithmetic, algebra, and calculus visually.
CX Codex +1
871installs
react-native skill A skill that sets project structure, component patterns and testing rules for React Native. Kicks in when the agent touches .tsx files or iOS and Android code.
CX Codex +1
566installs
prefetch skill Teaches your agent resource prefetching strategies to load upcoming assets during idle time. Best for speeding up subsequent page navigations.
CX Codex +1
1,500installs
import-on-interaction skill A skill that teaches the agent to defer heavy components and widgets until a click, hover or form input actually needs them.
CX Codex +1
1,500installs
loading-sequence skill A skill that tells the agent which order to load CSS, fonts, JS and images in so the page passes Core Web Vitals.
CX Codex +1
1,500installs
preload skill Guides the AI agent on preloading critical web assets. Useful when hero images, web fonts, or key bundles are discovered late in the loading waterfall.
CX Codex +1
1,500installs
compression skill A skill that walks through JavaScript compression with Gzip and Brotli so scripts move across the network faster. Useful when tuning a production build.
CX Codex +1
1,500installs
bundle-splitting skill A skill that teaches your agent to split a large JavaScript bundle into smaller ones, so the first paint comes sooner and the app becomes interactive faster.
CX Codex +1
1,500installs
dynamic-import skill Teaches coding agents on-demand module loading with dynamic import(). It helps cut initial bundle sizes by deferring non-critical components.
CX Codex +1
1,500installs
cypress-tap skill Controls a running cypress open session from the command line. It lets coding agents trigger spec runs, read reporter logs, and inspect DOM snapshots without GUI interactions.
CX Codex +1
2,700installs
add-feature skill Adds gameplay mechanics to Three.js or Phaser browser games. It helps implement power-ups, combo systems, or double jumps while keeping the core architecture intact.
CX Codex +1
977installs
tanstack-form skill Teaches your AI assistant how to build type-safe forms with TanStack Form, schema validation adapters, and dynamic array fields.
CX Codex +1
4,300installs
gsap-animation skill Integrates GSAP animations into Remotion video projects. It brings timeline orchestration, SplitText reveals, and custom easing curves into React-based video rendering.
CX Codex +1
313installs
om-mockup-prototype skill Builds a neutral clickable low-fidelity HTML prototype directly from a product brief. It tests flows and assumptions locally in a browser before backlog grooming.
CX Codex +1
1,500installs
ue-component-model skill Configures AEM Edge Delivery Services blocks for Universal Editor. Reads block JS and CSS, then generates or updates the required JSON models.
CX Codex +1
1,500installs
sapui5-cli skill Guides SAPUI5 and OpenUI5 work through the UI5 CLI: project setup, builds, dev server, ui5.yaml config.
CX Codex +1
813installs
roblox-gui skill Guidelines for Roblox UI development across mobile and console. Helps build responsive HUDs and menus without layout bugs.
CX Codex +1
2,200installs
shadcn
official skill This skill guides Codex through adding shadcn/ui components and configuring themes. Use it when building a React interface with Tailwind CSS.
CX Codex GP ChatGPT
72installs
responsive-craft skill A skill for responsive work: audit an existing site, build a layout from scratch, or open a live preview across breakpoints.
CX Codex +1
738installs
accessibility-audit skill Performs a full WCAG 2.2 web accessibility audit using the WCAG-EM methodology. Samples key site flows, runs automated and manual checks, and produces a structured conformance report.
CX Codex +1
1,100installs
1,481–1,520 of 2,909
