NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
fullstack-guardian skill Builds security-focused full-stack web features across frontend and backend layers. Useful for shipping authenticated APIs, CRUD forms, and database flows.
CX Codex +1
5,600installs
react-expert skill A skill for React 18+, Next.js App Router, and create-react-app work. It writes components and hooks, debugs rendering, and migrates class components to functions.
CX Codex +1
5,500installs
appllama-app-design-skill skill Skill for building native iOS and Android screens with Expo and React Native. Designs with Apple HIG fidelity, semantic colors, Reanimated motion, proper navigation semantics, and simulator-verified iteration.
CX Codex +1
4,800installs
upgrading-react-native skill Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, migrating iOS and Android native config, and resolving CocoaPods and Gradle conflicts.
CX Codex +1
12,600installs
inspector-workbench skill Runs Inspector UI changes in the standalone Threads lab so the agent sees the overlay and screenshots every visual edit.
CX Codex +1
870installs
react-nextjs-development skill Walks a React or Next.js 14+ build through eight phases, from scaffolding to a Vercel deploy. Handy when a project starts from scratch or moves to the App Router.
CX Codex +1
2,000installs
browser-extension-builder skill Guides the architecture and implementation of Manifest V3 browser extensions for Chrome and Firefox. Useful when structuring content scripts, popups, and service workers.
CX Codex +1
2,000installs
scroll-experience skill This skill guides an agent through scroll animations, parallax scenes, and interactive web narratives. Use it when scrolling should reveal part of a page’s story.
CX Codex +1
2,000installs
state-machine skill Builds a throwaway page for every reachable state of one component, using mock data and a switcher. Use it when visual work needs isolated states without changing the component.
CX Codex +1
3,800installs
shopify-development skill Skill for building Shopify apps, extensions and themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid. Routes tasks to the right track: app, extension, theme or combination.
CX Codex +1
1,900installs
shopify-expert skill Skill for building Shopify themes, apps, and headless storefronts via Storefront API. Useful when you need to assemble a Liquid theme, custom checkout, or Hydrogen storefront.
CX Codex +1
5,000installs
browser-harness skill Controls a real browser via Chrome DevTools Protocol: clicking, typing, navigation, logged-in sessions, JS-rendered and bot-protected pages. Use curl for plain HTTP requests.
CX Codex +1
797installs
build-design skill Builds UI code from a Figma file or image mockup. It reuses existing project tokens and components instead of hardcoding values.
CX Codex +1
3,600installs
react-native-expert skill A skill for AI coding agents that helps build React Native and Expo apps: navigation, native modules, list performance, platform-specific code for iOS and Android.
CX Codex +1
4,900installs
quick-mockups skill Generates 3 to 5 parallel UI mockups in HTML. Useful when you need to explore layouts, wireframes, and hierarchy variations before writing frontend code.
CX Codex +1
1,700installs
shader-dev skill GLSL reference skill covering 36 real-time shader techniques for ShaderToy and WebGL2. Helpful for ray marching, SDF scenes, fluids, and visual effects.
CX Codex +1
2,500installs
angular-architect skill An Angular 17+ specialist skill for Claude Code and other AI editors: standalone components with signals, NgRx stores, lazy routing and bundle checks.
CX Codex +1
4,800installs
game-setup-and-config skill Guides agent setup for Phaser 4 instances and GameConfig options. Useful when configuring renderers, canvas scaling, FPS caps, and pixel art settings.
CX Codex +1
1,200installs
vercel-deployment skill A skill that prepares and runs a Next.js project deployment to Vercel. Use it to set up a preview environment, validate environment variables, and ensure the build will succeed.
CX Codex +1
1,800installs
pretext skill A skill for browser demos built on @chenglou/pretext: text wraps around shapes, splits into graphemes and gets measured through canvas without a page reflow.
CX Codex +1
317installs
copilotkit skill A skill that sends your agent to the live CopilotKit documentation and source instead of letting it answer from memory.
CX Codex +1
767installs
vue-expert skill Guides Vue 3 work with the Composition API, Nuxt 3, Pinia, and Vite. Use it for components, PWAs, and Quasar or Capacitor apps.
CX Codex +1
4,500installs
telegram-mini-app skill Skill for developing Telegram Mini Apps—web applications that run inside Telegram with a native-like experience. Covers Telegram Web App API, TON ecosystem, user authentication, and monetization through Telegram Stars.
CX Codex +1
1,700installs
sprites-and-images skill Guides agents on creating Sprite and Image objects in Phaser 4. Explains factory methods, texture frames, mixin components, and visual transforms.
CX Codex +1
1,100installs
zod-4 skill Provides validation patterns for Zod 4 and guides migration from Zod 3. It helps write schemas for forms, API payloads, and adapters.
CX Codex +1
1,200installs
html-diagram skill Generates standalone interactive HTML diagrams without external services or build steps. Helps visualize component topology, state transitions, timelines, and quantitative structures.
CX Codex +1
4,100installs
zustand skill This skill integrates Zustand into json-render to sync application state. Use it when your project already relies on Zustand and you need to connect it with components rendered by json-render.
CX Codex +1
1,900installs
tailwind-design-system skill A skill that keeps the agent on Tailwind while you build a design system: tokens, component variants, responsive patterns, accessibility. Useful when the UI drifts.
CX Codex +1
1,600installs
edge-to-edge skill Migrates Jetpack Compose apps to adaptive edge-to-edge layouts and fixes content blocked by system bars or the keyboard.
CX Codex +1
3,200installs
swiftui-liquid-glass
official skill This skill helps build and review SwiftUI Liquid Glass interfaces for iOS 26+. Use it when adopting the API or checking fallbacks, interaction, and design fit.
CX Codex GP ChatGPT
121installs
isometric-explainer skill Builds an interactive single-page isometric machine where mechanical stations represent process steps driven by a deterministic state model.
CX Codex +1
550installs
course-style skill Supplies design tokens, typography rules, figure label formats, and plain technical English guidelines for AI Engineering from Scratch.
CX Codex +1
550installs
vue-expert-js skill Builds Vue 3 code in JavaScript with JSDoc annotations instead of TypeScript. Use it for components, composables, routing, and state management in JS-only projects.
CX Codex +1
4,100installs
motion-figure skill Generates moving and interactive figures across three tiers: SMIL animations, slider-driven SVG widgets, and WebGL dither bands.
CX Codex +1
545installs
tamagui skill Teaches coding agents Tamagui v3 flat style grammar and token conventions. It guides cross-platform UI generation for web and native.
CX Codex +1
595installs
spartan skill Helps manage spartan/ui components in Angular projects, from adding and composing them to styling and debugging. It covers the Brain and Helm layers.
CX Codex +1
2,300installs
html-plan skill Turns project notes and requirements into a self-contained HTML plan. Useful for organizing phases, dependencies, and owners without turning the doc into a dashboard.
CX Codex +1
3,800installs
html skill A skill that makes the agent build one self-contained HTML file with styles and scripts inlined: a report, landing page, deck or calculator. It also knows which sibling skill should take the job instead.
CX Codex +1
3,900installs
frontend-dev-guidelines skill Sets strict React and TypeScript conventions for feature structure, Suspense data fetching, MUI styling, and performance-focused reviews.
CX Codex +1
1,500installs
interactive-portfolio skill Builds developer and designer portfolios focused on converting visitors into job offers and client leads. Use it when planning or restructuring a personal showcase site.
CX Codex +1
1,500installs
441–480 of 2,909
