NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
expo-project-structure skill Sets up a starter folder layout for a new Expo Router project. Helps place routes, screen bodies, and server files where they belong.
CX Codex +1
22,000installs
emilkowalski-motion skill Adds micro-interactions, state transitions and motion to an existing interface. Use it after the layout or component is already built.
CX Codex +1
2,300installs
threejs-interaction skill Teaches your agent how to set up raycasting, camera controls, and object dragging in three.js for WebGL and WebGPU.
CX Codex +1
14,300installs
antislop-human skill An accessibility skill for AI agents that checks UI contrast, keyboard focus, and control states. Ships with a WCAG AA contrast checker script.
CX Codex +1
5,900installs
expo-dom skill Runs web code in a webview on native platforms and renders as-is on web. Lets you use web libraries like recharts or react-syntax-highlighter in Expo without rewriting.
CX Codex +1
21,000installs
antislop-layoutmobile skill A skill for responsive layouts across phone and desktop widths. It checks breakpoints, reflow, grids, overflow, sizing, tap targets, and navigation.
CX Codex +1
5,700installs
threejs-postprocessing skill A skill that adds post-processing pass chains to Three.js: bloom, depth of field, ambient occlusion, and custom screen shaders. Use it when you need visual effects, color grading, or blur on WebGL and WebGPU.
CX Codex +1
13,700installs
streamdown skill Renders Markdown in React components with streaming support for AI agents, Shiki syntax highlighting, Mermaid diagrams, and KaTeX math rendering.
CX Codex +1
3,200installs
threejs-lighting skill Three.js r186 lighting skill for WebGL and WebGPU. It guides physical light units, cascaded shadow maps, and RectAreaLight setup.
CX Codex +1
13,300installs
vue-options-api-best-practices skill Guidance for Vue 3 Options API components, covering TypeScript, method context, and lifecycle hook pitfalls. Useful when reviewing or writing Options API code.
CX Codex +1
11,600installs
conversion-tracking skill Sets up, audits, and fixes web conversion tracking across ad platforms and analytics. It diagnoses missing events, double counting, and data discrepancies for lead gen and ecommerce.
CX Codex +1
3,400installs
expo-app-clip skill Adds an iOS App Clip target to Expo projects — a lightweight app invoked from a URL without App Store installation.
CX Codex +1
19,800installs
expo-web-to-native skill Guides an existing React web app into a native iOS/Android app with Expo. Use it for a staged screen-by-screen migration.
CX Codex +1
19,600installs
claude-design skill Skill for building HTML artifacts — landing pages, prototypes, decks — in Claude Code, Codex and Cursor. Reads project context and produces a self-contained file with markup and styles.
CX Codex +1
645installs
threejs-loaders skill Teaches your AI agent to load glTF models, textures, and HDR maps in three.js r186. Useful when wiring loading progress, color spaces, or WebGPU environments.
CX Codex +1
12,900installs
threejs-textures skill Guides texture loading, color spaces, and transforms for Three.js r186. Useful when building 3D materials with WebGL or WebGPU.
CX Codex +1
12,600installs
uncodixfy skill Teaches the agent to skip the default Codex aesthetic: soft gradients, floating panels, decorative copy. Use it when generated frontend looks too much like a template.
CX Codex +1
5,600installs
ui-ux-pro-max skill Generates design systems, palettes, and typography pairs across 22 stacks using a local rule dataset. Helps with UI scaffolding and accessibility checks.
CX Codex +1
948installs
building-components skill Guidance for accessible UI components, composable APIs, design tokens, documentation, and package distribution.
CX Codex +1
14,700installs
create-design-md skill Creates or updates a DESIGN.md file from a code repository or website. It gives coding agents persistent UI context without altering application source code.
CX Codex +1
4,400installs
debugging-streamlit skill Runs Streamlit full-stack debugging with hot-reload, dedicated session logs, and Playwright UI screenshot helpers for testing frontend and backend changes.
CX Codex +1
493installs
design-dna skill Extracts design tokens, style and visual effects from references, then applies the profile to a design. Use it with screenshots, images, URLs or Design DNA JSON.
CX Codex +1
6,500installs
image-to-code skill A skill for visually important web tasks. It generates design images first, analyzes them, then builds frontend to match the references.
CX Codex +1
1,800installs
gpt-taste skill Enforces strict frontend design rules: prevents multi-line hero titles, fixes empty bento grid cells, and adds advanced GSAP scroll physics.
CX Codex +1
1,800installs
redesign-existing-projects skill Audits an existing interface and updates a website or app without changing its working product structure. Use it when the UI feels generic or lacks visual hierarchy.
CX Codex +1
1,900installs
export-download-debugging skill Diagnoses and resolves failed downloads, broken File System Access API calls, and 0 KB file exports in browsers and Electron shells.
CX Codex +1
1,800installs
ui-ux-designer skill This skill supports interface design, user flows, and design systems with research and accessibility checks. Use it for redesigns, prototypes, and interaction reviews.
CX Codex +1
3,100installs
expo-design-system skill Builds and audits a design system in Expo apps by centralizing design tokens, structuring reusable components, and eliminating hardcoded styles.
CX Codex +1
16,700installs
p5js skill Produces p5.js sketches in the browser: generative art, interactive data viz, 3D WebGL scenes, audio-reactive visuals. Exports to PNG, GIF, MP4, or SVG.
CX Codex +1
535installs
minimalist-ui skill Enforces editorial UI design rules with a warm monochrome palette and bento grids. It is opt-in and runs only when invoked by name.
CX Codex +1
395installs
industrial-brutalist-ui skill A skill that locks in a raw mechanical visual style for dashboards, portfolios and editorial sites. Rigid grids, monospaced data type, utilitarian colors and analog degradation effects.
CX Codex +1
1,700installs
design-taste-frontend-v1 skill The original v1 frontend taste skill for clean React and Tailwind CSS output. It keeps strict guardrails for projects that need backward compatibility with early generations.
CX Codex +1
1,700installs
imagegen-frontend-mobile skill Generates premium mobile screen images and flows for iOS, Android, and cross-platform with clean hierarchy, readable text, and controlled palettes.
CX Codex +1
1,700installs
imagegen-frontend-web skill Directs AI to generate section-by-section web design references. It enforces one horizontal image per section instead of squashing the page into one graphic.
CX Codex +1
1,700installs
angular-new-app skill A skill that scaffolds new Angular applications via the Angular CLI. Verifies your setup, generates the project with appropriate flags, and steers you toward Angular best practices.
CX Codex +1
19,300installs
design-md skill Create and validate DESIGN.md token specs, compare revisions, and export design tokens to Tailwind or W3C DTCG formats.
CX Codex +1
523installs
ce-test-browser skill Runs end-to-end browser checks on pages modified by your branch or pull request. Discovers the local dev port and reports status for each touched route.
CX Codex +1
3,000installs
react-expert skill Researches React APIs and internals directly against tests, commits, and pull requests. Useful for writing accurate docs without relying on outdated model memory.
CX Codex +1
1,300installs
chatgpt-app-builder skill Walks through the full lifecycle of a ChatGPT plugin, from idea to directory submission. Use it when building an MCP server with UI for ChatGPT on Skybridge.
CX Codex +1
7,100installs
seo-review skill Runs targeted SEO audits on JavaScript concept guides to optimize search visibility and featured snippets.
CX Codex +1
644installs
361–400 of 2,909
