NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
ui-animation skill This skill designs, reviews and measures interface motion, from springs and gestures to scroll effects. Use it when implementing or diagnosing UI animation.
CX Codex +1
10,400installs
animate skill Animation guidelines and ready-made patterns for React and Next.js interfaces. Helps agents write performant transitions and Framer Motion code.
CX Codex +1
3,600installs
pixijs-scene-graphics skill Guides AI coding agents on drawing vector paths and primitives in PixiJS v8. Useful when building procedural UI, canvas graphics, and custom shapes.
CX Codex +1
6,000installs
pixijs-core-concepts skill Explains how PixiJS v8 puts frames on screen: backend selection, the render loop, RenderTexture work and context loss recovery.
CX Codex +1
6,000installs
pixijs-performance skill A skill for profiling and speeding up PixiJS v8 apps: FPS, draw calls, GPU memory. Useful when your app stutters or leaks memory.
CX Codex +1
6,000installs
pixijs-application skill Guides PixiJS v8 Application setup via async app.init(). Useful when configuring canvas rendering, choosing between WebGPU and WebGL, and handling window resize.
CX Codex +1
6,000installs
web-shader-extractor skill Investigates WebGL, WebGPU, Canvas, and shader-like effects from a webpage, then replays them locally. Useful for animated backgrounds and interactive 3D scenes.
CX Codex +1
825installs
experience-ui-bundle-frontend-generate skill A skill that governs UI edits in an existing Salesforce UI bundle: pages, components, layout, navigation, branding.
CX Codex +1
5,300installs
ui-typography skill A skill that sets typography rules for interfaces and has the agent apply them silently while generating HTML, CSS and React.
CX Codex +1
3,900installs
magicpath skill Connects your coding agent to MagicPath via CLI to browse, install, and edit UI components. Useful when pulling design systems directly into code.
CX Codex +1
6,300installs
pixijs-scene-container skill Skill for PixiJS v8 scene graph operations: nesting children, handling transforms, zIndex sorting, and configuring Container options.
CX Codex +1
5,900installs
pixijs-scene-sprite skill This skill tells your agent how to draw images in PixiJS v8 with Sprite, AnimatedSprite, NineSliceSprite and TilingSprite. Useful when the project already runs PixiJS and you want working draw code fast.
CX Codex +1
5,900installs
pixijs-events skill A skill for pointer, mouse, touch and wheel input in PixiJS v8: eventMode values, FederatedEvent types, propagation and capture, hitArea, cursors, drag with globalpointermove.
CX Codex +1
5,900installs
pixijs-assets skill Provides PixiJS v8 resource management patterns for AI coding agents. Helps configure Assets.load, bundles, manifests, and explicit parsers for extension-less URLs.
CX Codex +1
5,900installs
navigation-patterns skill Helps select and design navigation patterns such as tab bars, sidebars, and breadcrumbs. Useful when mapping user journeys across mobile and desktop interfaces.
CX Codex +1
1,800installs
motion-system skill Defines one set of durations, easing curves and reduced-motion rules for a product. Useful when every component animates on its own timing.
CX Codex +1
1,800installs
experience-ui-bundle-file-upload-generate skill Guides file uploads in Salesforce React UI bundle apps. Helps track transfer progress and attach uploads directly to ContentVersion records.
CX Codex +1
5,200installs
experience-ui-bundle-custom-app-generate skill Generates Salesforce CustomApplication metadata to surface React UI bundles in Lightning App Launcher. Useful when exposing bundles without a Digital Experience Site.
CX Codex +1
5,200installs
experience-ui-bundle-salesforce-data-access skill Wires Salesforce record reads and writes into uiBundle components through @salesforce/platform-sdk. Useful when a page, table or form has to show real records.
CX Codex +1
5,200installs
experience-ui-bundle-deploy skill A skill that walks a UI bundle deploy into a Salesforce org step by step: auth, build, metadata, permissions, self-registration, SSO and codegen.
CX Codex +1
5,200installs
experience-ui-bundle-app-coordinate skill Orchestrates building complete React UI bundle applications on Salesforce from scratch. Useful when scaffolding full-stack SPAs across specialized UI bundle skills.
CX Codex +1
5,300installs
experience-ui-bundle-metadata-generate skill Adds a React or Angular UI bundle to an existing SFDX project and wires up its metadata. Useful when you need another bundle or an edit to ui-bundle.json.
CX Codex +1
5,300installs
nuxt-better-auth skill Guides Nuxt authentication with @nuxtjs/better-auth, including sessions, route protection, server APIs, and plugins.
CX Codex +1
2,000installs
writing-react-native-storybook-stories skill Teaches the agent to write and edit React Native stories in CSF: args, argTypes, decorators, addon parameters and portable stories for testing.
CX Codex +1
683installs
pixijs-scene-particle-container skill Guides coding agents through PixiJS v8 ParticleContainer setup. Helps render thousands of lightweight sprites in a single draw call.
CX Codex +1
5,800installs
pixijs-filters skill Guides PixiJS v8 visual effects through the filter pipeline. Use it for blur, colour adjustments, displacement, or custom shader effects.
CX Codex +1
5,800installs
pixijs-ticker skill A skill for per-frame logic in PixiJS v8: ticker callbacks, time units, priority ordering and frame rate capping.
CX Codex +1
5,800installs
pixijs-scene-text skill Teaches coding agents to render text in PixiJS v8 properly. Helps pick between bitmap, HTML, and canvas rendering without stalling frame updates.
CX Codex +1
5,800installs
pixijs-scene-core-concepts skill Explains how the PixiJS v8 scene graph fits together: containers, leaves, transforms and render order. Useful when your agent writes PixiJS code.
CX Codex +1
5,900installs
pixijs-math skill A skill covering coordinates, matrices, shapes and hit testing in PixiJS v8. Useful when a point has to move between coordinate spaces or a container needs a custom hit area.
CX Codex +1
5,900installs
fluid-functionalism skill A skill for building React UIs on the shadcn/ui @fluid registry: springs instead of durations, a hover highlight that glides to the cursor, weight changes that hold layout.
CX Codex +1
603installs
threejs skill A coding-agent skill that walks you through Three.js scenes, shaders and VR work. Useful when a project needs WebGL or WebGPU and you want the agent to know the API.
CX Codex +1
1,200installs
experience-ui-bundle-features-generate skill Installs prebuilt feature packages into a Salesforce UI bundle — login, logout, protected routes, search — instead of hand-building them.
CX Codex +1
5,100installs
pixijs-scene-mesh skill Guides custom 2D geometry rendering in PixiJS v8 via Mesh, MeshPlane, MeshRope, and PerspectiveMesh. Useful for per-frame vertex animations, rope trails, and perspective distortion.
CX Codex +1
5,700installs
pixijs-scene-dom-container skill Teaches the agent how to overlay HTML elements on a PixiJS v8 canvas with DOMContainer and DOMPipe. Useful for native inputs, iframes or video that must follow a display object.
CX Codex +1
5,700installs
pixijs-blend-modes skill A skill that tells your agent how to composite PixiJS v8 display objects with blendMode: standard modes, advanced ones, and batch-friendly ordering.
CX Codex +1
5,700installs
pixijs-color skill PixiJS v8 skill for the Color class. It guides color conversions, tint calculations, and buffer reuse to prevent GC spikes in animation loops.
CX Codex +1
5,700installs
pixijs-create skill The skill walks your agent through scaffolding a PixiJS v8 project or adding the library to an existing one: templates, package managers, TypeScript setup.
CX Codex +1
5,700installs
pixijs-custom-rendering skill Guides your agent through custom shaders, uniforms, filters and batchers in PixiJS v8, in GLSL and WGSL, for WebGL and WebGPU.
CX Codex +1
5,700installs
clerk-react-router-patterns skill Guides Clerk integration with React Router v7/v8, including loaders, protected routes, SSR auth, and organization switching. Useful when wiring auth into a router.
CX Codex +1
15,500installs
1,001–1,040 of 2,909
