NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
migrate-design-system skill Maps your design tokens to another system and back: Material 3, Apple HIG, Fluent 2, shadcn/ui, Radix. Useful when you borrow a look or move onto a new stack.
CX Codex +1
487installs
icon-set-generator skill Draws a set of SVG icons for one project: same grid, same stroke, same corners. Useful when a site needs its own icons instead of a stock library.
CX Codex +1
1,900installs
prototype skill Guides interface design across a five-tier fidelity ladder from content to code. It helps map user flows, build wireframes, and draft usability test plans.
CX Codex +1
484installs
compose-performance skill A skill for investigating Jetpack Compose recomposition cost: find the phase causing the work and fix it at the boundary where it starts.
CX Codex +1
1,100installs
compose-state-and-effects skill This skill guides state ownership and side-effect choices in Jetpack Compose. It keeps UI state at the lowest responsible layer and matches effect lifecycles to their owners.
CX Codex +1
1,100installs
token-build skill Generate web and mobile theme files from DTCG JSON tokens, or wire the build into CI. Useful when one token source needs outputs for several platforms.
CX Codex +1
480installs
axiom-uikit skill Routes UIKit and SwiftUI bridging, Auto Layout fixes, animations, Combine pipelines, and TextKit tasks. Useful for modernizing iOS interfaces.
CX Codex +1
1,200installs
figma-integration skill Sync project tokens and components with Figma in either direction. Use the skill to move design data, publish tokens, or check for mismatches.
CX Codex +1
478installs
serial-position-effect skill A skill that applies the serial position effect: it tells the agent which items belong first and last, and what lands in the memory valley.
CX Codex +1
1,000installs
teslers-law skill Applies Tesler's Law to help you balance complexity between the interface and the user. Useful when designing forms, multi-step flows, and settings.
CX Codex +1
1,000installs
zeigarnik-effect skill A skill for designing progress bars, saved drafts and reminders about unfinished steps. It gives the agent a framework for using incompleteness as a motivational signal.
CX Codex +1
1,000installs
jakobs-law skill Applies Jakob's Law to evaluate whether breaking familiar UI conventions is worth the cognitive cost. Useful when redesigning navigation or core controls.
CX Codex +1
1,100installs
antv-g6-graph skill Walks your agent through G6 v5 syntax for network graphs, trees and flow charts. Useful when the code keeps drifting into v4 habits.
CX Codex +1
1,100installs
zod skill A set of 46 validation and type inference rules for Zod 4 in TypeScript projects. Helps agents write schemas, handle errors, and clean up deprecated syntax.
CX Codex +1
476installs
revealjs skill This skill turns your content into a reveal.js presentation: an HTML file with slides plus CSS for the theme. Open it in a browser, no build step.
CX Codex +1
736installs
auth0 skill Sets up authentication, API protection, and session tokens across frameworks. Useful for configuring passkeys, MFA, or migrating from other identity providers.
CX Codex +1
5,200installs
responsiveness-check skill Resizes a page through viewport widths in one browser session, screenshots each one, and reports where the layout gives way.
CX Codex +1
1,800installs
seo-local-business skill Generates a complete local SEO package: <head> meta tags, JSON-LD LocalBusiness schema, robots.txt, and sitemap.xml for service-based websites.
CX Codex +1
1,800installs
apollo-client skill A skill that walks your agent through Apollo Client 4.x in React: queries, mutations, caching, local state and error troubleshooting.
CX Codex +1
5,600installs
ipados-design-guidelines skill Apple Human Interface Guidelines for iPad, packaged as a skill: adaptive layouts, multitasking, sidebar navigation and pointer support.
CX Codex +1
1,200installs
email-render-builder skill Turns an approved email creative into responsive HTML and checks how it renders in Gmail, Outlook, Apple Mail and on mobile.
CX Codex +1
1,000installs
anywidget-generator skill A skill that steers the agent through building custom anywidget components for marimo notebooks: JavaScript in _esm, styles in _css, wrapped with mo.ui.anywidget.
CX Codex +1
3,600installs
neon-realtime skill Turns any SQL query live: the client subscribes to row changes in Lakebase Postgres and gets them in batches. Useful for dashboards, feeds and multi-device sync.
CX Codex +1
6,000installs
experience-lwr-site-generate skill Builds and edits Salesforce Experience Cloud LWR sites through DigitalExperience metadata: pages, routes, themes, guest access.
CX Codex +1
2,700installs
tailwind-v4-shadcn skill Sets up Tailwind CSS v4 with shadcn/ui, Vite, and React. Solves broken CSS variables, theme switching errors, and v4 migration pitfalls.
CX Codex +1
8,100installs
compose-component-design skill A skill for designing and reviewing reusable Jetpack Compose component APIs: slots, modifier parameters, root layout placement.
CX Codex +1
1,000installs
elevenlabs-agents skill Build ElevenLabs conversational voice agents with configured tools, a knowledge base, and SDK integration for an app or server.
CX Codex +1
1,700installs
3d-virtual-tour skill A skill for building virtual tours through a 3D scene: authored camera paths, room navigation, orbit inspection. Useful for architectural walkthroughs and showrooms in Three.js.
CX Codex +1
527installs
frontend-app-builder
official skill This skill designs and builds frontend apps, websites, and games, then checks the result in a browser. Use it for a new interface or an explicit redesign request.
CX Codex GP ChatGPT
252installs
experience-lwc-base-components-integrate skill Picks the right Lightning Base Component for a UI task and wires it into an LWC bundle without breaking SLDS.
CX Codex +1
2,600installs
experience-lds-data-requirements-generate skill Turns ambiguous LWC data needs into clear Salesforce specifications. Recommends GraphQL, UI API, or Apex before anyone writes wire adapters or Apex code.
CX Codex +1
2,600installs
nextjs-performance skill A Next.js optimization skill: Core Web Vitals, images and fonts, caching, streaming, bundle size. Useful when pages feel slow and you need a starting point.
CX Codex +1
4,900installs
frontend-slides-editable skill Creates editable single-file HTML presentations with an in-browser editor. Use it when generated slides need ongoing layout and content changes.
CX Codex +1
537installs
liquid-theme-standards skill Defines frontend coding conventions for Shopify Liquid themes. Guides the agent to write consistent markup, styles, and scripts in theme files.
CX Codex +1
2,900installs
pp-figma skill Extracts compact Figma frame payloads for AI codegen, audits comments, and detects stale components. Ideal for design token diffs and design system CI checks.
CX Codex +1
726installs
3d-retina-resolution skill Keeps 3D canvases sharp on Retina and HiDPI displays, including fixed 200% rendering. Useful for blurry WebGL previews and display-density changes.
CX Codex +1
512installs
react-patterns skill Teaches your agent React 19 and Next.js App Router patterns: Server Components, Server Actions, useOptimistic, Suspense boundaries. Useful when the app is already on React 19.
CX Codex +1
4,800installs
3d-sky-background skill Builds camera-correct 3D skies with procedural atmosphere, horizon haze, aligned sun lighting, and coherent environment reflections.
CX Codex +1
505installs
tvos-design-guidelines skill Provides Apple Human Interface Guidelines for tvOS apps. It guides agents on focus navigation, Siri Remote controls, and 10-foot UI layouts.
CX Codex +1
1,100installs
3d-falling-leaves skill A skill for Three.js and similar scenes: it walks the agent through falling leaves in world space, with tumble, sideways drift and instance recycling.
CX Codex +1
499installs
1,161–1,200 of 2,909
