NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
build-daily-inspiration-sites skill Creates separate Codex tasks for original landing pages from a completed UI inspiration pack. Use it when each reference needs its own Sites project.
CX Codex +1
1,200installs
build-threejs-enemy-systems skill Designs data-driven enemy archetypes and movesets for Three.js action games. Separates immutable character specs from dynamic runtime combat state.
CX Codex +1
1,200installs
build-game-inventory skill Build or repair game inventory flows for items, loot, equipment, drag and drop, saves, and progression without losing item state.
CX Codex +1
1,200installs
author-game-levels skill Builds and refines readable, flat-plane Three.js game levels. Useful for tuning camera corridors, collision layers, motivated lighting, and browser playthroughs.
CX Codex +1
1,200installs
pixijs skill Routes PixiJS v8 tasks to specialized sub-skills for rendering and scene setup.
CX Codex +1
6,900installs
swift-charts skill A skill that steers your coding agent through Swift Charts work on iOS 26+. Useful for bars, lines, donuts, heat maps and 3D surfaces.
CX Codex +1
4,000installs
swiftui-gestures skill Guides gesture implementation in SwiftUI, from tap and drag recognition to multi-gesture composition and conflict handling.
CX Codex +1
4,000installs
swiftui-uikit-interop skill Bridges UIKit and SwiftUI views, controllers, and shared state without lifecycle conflicts or duplicated data.
CX Codex +1
4,100installs
email-template-builder skill Builds transactional email systems with React Email or MJML, provider integrations and local previews. Use it for new templates, provider migrations or email localization.
602installs
platform-flexipage-generate skill Builds and validates Salesforce Lightning FlexiPages using CLI scaffolding. It prevents XML structure errors when editing RecordPage, AppPage, and HomePage layouts.
CX Codex +1
6,000installs
design-systems-slds-apply skill A skill that teaches the agent to build Salesforce Lightning Design System interfaces: blueprints, styling hooks, utility classes and icons.
CX Codex +1
6,000installs
remotion-motion-graphics skill A coding-agent skill that makes Remotion code follow motion design rules instead of shipping linear fades and flat backgrounds.
CX Codex +1
1,100installs
scroll-reveal-libraries skill Adds lightweight scroll-triggered reveal animations using the AOS library. Useful for marketing pages, documentation, and landing pages that need simple reveal effects.
CX Codex +1
2,400installs
react-spring-physics skill A skill for physics-based React animation with React Spring and Popmotion. Useful for gestures, inertia and transitions you can interrupt mid-motion.
CX Codex +1
2,400installs
design-systems-slds-validate skill Checks Lightning Web Components against SLDS, runs the linter plus its own CSS and markup analysis, and returns a graded scorecard.
CX Codex +1
5,900installs
compose-ui-testing-patterns skill Guides Jetpack Compose UI testing for semantics, screenshots, keyboard input, focus, and interaction state.
CX Codex +1
2,200installs
performance-lighthouse-runner skill This skill offers step-by-step guidance and helps generate code and configurations for frontend performance work. It activates on performance-related requests.
CX Codex +1
632installs
platform-custom-application-generate skill Generates Salesforce Lightning CustomApplication metadata with tab navigation, custom branding, and action overrides. Useful when structuring role-specific apps.
CX Codex +1
5,800installs
critique-typography skill Audits typography on a rendered screen: scale usage, readability, consistency and token compliance. Useful during UI review.
CX Codex +1
2,000installs
critique-visual-hierarchy skill This skill reviews a rendered screen across four dimensions and tells you where the eye actually lands. Useful when attention goes to the wrong place.
CX Codex +1
2,000installs
brand-guidelines skill Applies Sentry brand and copy guidelines to user-facing text, error states, and UI flows. Useful when writing UI labels, empty states, or docs.
CX Codex +1
2,500installs
nuxthub skill Configures NuxtHub v0.10.8 apps with Drizzle ORM databases, KV storage, and blobs. Helpful when deploying Nuxt backends to Cloudflare, Vercel, or local PGlite.
CX Codex +1
2,200installs
pwa-development skill A skill for building Progressive Web Apps: manifest, service worker, caching strategies and offline mode. Useful when the app has to install on a phone and open without a network.
CX Codex +1
4,100installs
playcanvas-engine skill Guides 3D web app and browser game development using the PlayCanvas WebGL/WebGPU engine. Helps set up ECS architecture, asset loading, and the main rendering loop.
CX Codex +1
2,300installs
aframe-webxr skill A skill that gets your agent writing A-Frame scenes in HTML: 3D, VR, AR and 360-degree media with little JavaScript.
CX Codex +1
2,300installs
barba-js skill A skill for Barba.js: helps wire up smooth transitions between pages without full reloads and hook them into GSAP.
CX Codex +1
2,400installs
full-page-screenshot skill Captures an entire web page as one PNG, including content below the fold. Useful for SPAs, lazy-loaded images, and very tall pages.
564installs
internal-dev-workbench skill This skill starts a tmux workspace for Workflow SDK development, with separate worktree URLs for the Next.js workbench and observability UI. Use it when developing across branches.
CX Codex +1
645installs
design-systems-slds2-migrate skill Runs the SLDS linter over your components and walks you through fixing violations while moving Lightning Web Components from SLDS 1 to SLDS 2.
CX Codex +1
5,600installs
shadcn-ui skill Installs and configures shadcn/ui components in a React project: picks them by task, keeps install order and dependencies straight.
CX Codex +1
3,600installs
publish-project-to-github skill Packages a local project into a GitHub repository, audits files for leaked secrets, generates a verified README, and configures GitHub Pages.
CX Codex +1
1,100installs
build-interactive-particle-trail skill A skill for pointer-driven particle trails: the cursor or finger leaves discrete motes that fly on their own path. Useful in 3D scenes and landing pages.
CX Codex +1
1,100installs
web-technique-to-skill skill Turns a visual or interaction technique you already built into a reusable web-design skill, with a demo that proves both the mechanism and the visual fidelity.
CX Codex +1
1,100installs
add-mouse-driven-orbit skill Adds subtle mouse-driven orbit and parallax to Three.js hero sections without OrbitControls. Useful for cinematic headers that react to cursor movement.
CX Codex +1
1,200installs
design-audit skill Audits an app’s visual design and produces a phased refinement plan. Use it to review hierarchy, typography, spacing, color, and interface consistency.
CX Codex +1
4,100installs
good-css skill Replaces breakpoint ladders, layout wrappers and helper scripts with modern CSS. Works with plain CSS, Tailwind, StyleX and CSS-in-JS.
CX Codex +1
1,500installs
form-design skill Designs forms end to end, covering field order, grouping, validation, and accessibility. Useful when building anything from single inputs to multi-step flows.
CX Codex +1
1,900installs
aesthetic-usability skill Applies the Aesthetic-Usability Effect when visual polish affects perceived ease of use and trust. Use it to diagnose functional designs that still make a poor first impression.
CX Codex +1
1,900installs
critique-composition skill Critiques balance, negative space, visual rhythm, and gestalt grouping on rendered screens. Useful when layout hierarchy is solid but the spatial composition still feels off.
CX Codex +1
1,900installs
tipkit skill This skill helps implement and review Apple TipKit prompts, from inline help to tips attached to controls. Use it when adding contextual guidance or feature discovery to an iOS app.
CX Codex +1
3,600installs
961–1,000 of 2,909
