NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
netlify-edge-functions skill Write, route, cache and debug Netlify edge functions on Deno: middleware, geo redirects, caching, streaming SSR.
CX Codex +1
3,100installs
expo-react-native-performance skill Performance guidelines with 42 prioritized rules for Expo React Native apps. Helps agents refactor startup bottlenecks, list virtualization, re-renders, and animations.
CX Codex +1
1,500installs
web-3d-asset-pipeline
official skill Guides browser-game 3D assets from Blender cleanup to GLB or glTF preparation. Use it after choosing a runtime stack, when asset quality or size is the remaining issue.
CX Codex GP ChatGPT
58installs
window-management
official skill Configures macOS 15+ SwiftUI windows and scenes: toolbar chrome, drag regions, placement, and launch restoration.
CX Codex GP ChatGPT
58installs
muse skill A skill for design tokens: defines color, spacing, typography and shadows, then moves existing code onto semantic tokens.
CX Codex +1
711installs
swiftui-design-principles skill A skill that hands your coding agent fixed rules for spacing, type and color in SwiftUI and WidgetKit, so the UI reads as a native app instead of generated markup.
CX Codex +1
1,300installs
mapbox-cartography skill A skill that feeds your agent cartographic rules: layer hierarchy, color palettes, typography and zoom strategy for Mapbox styles.
CX Codex +1
2,100installs
mapbox-data-visualization-patterns skill Data visualization patterns for Mapbox GL JS in Claude Code, covering choropleth maps, heatmaps, and 3D styling. Helpful when plotting statistical data or point densities.
CX Codex +1
2,100installs
swiftui-patterns
official skill Sets desktop-first macOS SwiftUI architecture, scene models, toolbars, split views, and clean multi-file project layouts.
CX Codex GP ChatGPT
57installs
frontend-react-best-practices skill A skill with 33 React performance rules: fewer wasted re-renders, leaner bundles, cleaner component composition. Useful while writing or refactoring components.
CX Codex +1
1,200installs
auditing-performance skill A skill that audits app performance: bundle size, rendering, database queries and Core Web Vitals. Useful when pages load slowly or the UI stutters.
CX Codex +1
476installs
react-flow skill A skill that guides coding agents through React Flow (@xyflow/react): custom nodes and edges, state, layout, typing and debugging.
CX Codex +1
823installs
laravel-inertia-react skill A skill that hands your agent ready rules for Inertia pages, useForm handling and shared data across Laravel and React.
CX Codex +1
2,000installs
netlify-identity skill A skill that walks your agent through signup, login and OAuth on a Netlify site with @netlify/identity. Useful when content needs role gating.
CX Codex +1
3,000installs
netlify-image-cdn skill Guides your agent on transforming images on demand via Netlify Image CDN. Useful for responsive layouts and format conversion.
CX Codex +1
3,000installs
kinetic-typography skill Generates expressive kinetic text animations, split-text reveals, and variable font effects in CSS, GSAP, Framer Motion, and Remotion.
CX Codex +1
2,200installs
shadcn skill Guides AI agents through shadcn/ui and Radix UI best practices. Prevents broken themes and keeps component accessibility intact.
CX Codex +1
369installs
template-builder-ui skill Helps design and audit tenant-facing Sent v3 template builders, preview interfaces, channel validation, and lifecycle states before submitting to providers.
CX Codex +1
2,900installs
react-data-fetching skill Teaches your agent modern React data fetching: parallel requests, caching, deduplication, Suspense. Useful when components still fetch inside useEffect.
CX Codex +1
1,100installs
react-render-optimization skill A skill that teaches your agent React rendering patterns: kills unnecessary re-renders, fixes memoization and state design.
CX Codex +1
1,100installs
presentational-container-pattern skill Teaches agents the presentational and container pattern to split data fetching from React UI. Useful when isolating state and API calls to simplify testing and component reuse.
CX Codex +1
1,100installs
react-composition-2026 skill A skill that pushes your agent away from boolean props and rigid component APIs toward compound components, explicit variants and children.
CX Codex +1
1,100installs
hooks-pattern skill A skill that teaches your agent React Hooks and helps pull repeated stateful logic into custom hooks. Useful when components start duplicating behaviour.
CX Codex +1
1,100installs
web-accessibility skill A skill that steers your coding agent toward accessible web UI: ARIA patterns, keyboard focus handling, screen reader support, all following WCAG 2.1.
CX Codex +1
455installs
tanstack skill Get focused guidance for React changes involving TanStack Query, Router, or Form. Useful when you need the relevant implementation notes without loading every reference.
CX Codex +1
360installs
mapbox-style-quality skill A skill that walks your agent through Mapbox style QA: expression and GeoJSON validation, WCAG contrast checks, and style optimization.
CX Codex +1
2,000installs
uni-helper skill A skill reference for the uni-helper ecosystem: Vite plugins, libraries and utilities for uni-app. Useful when your agent writes uni-app code.
CX Codex +1
794installs
react-mcp skill A skill for wiring @assistant-ui/react-mcp into an app: users connect their own MCP servers in the browser and the tools show up in chat.
CX Codex +1
4,000installs
observability skill Wires Langfuse, LangSmith or Helicone into assistant-ui AI SDK backend routes and renders collected spans with the experimental @assistant-ui/react-o11y.
CX Codex +1
4,000installs
motion skill This skill guides Motion and CSS animation work, finds docs and examples, and helps inspect performance issues. Use it when building UI motion or upgrading Motion.
CX Codex +1
717installs
tailwindcss-mobile-first skill A skill that walks your coding agent through mobile-first responsive design with Tailwind CSS v4. Useful when breakpoints, fluid type and grids need to line up instead of fighting each other.
CX Codex +1
2,100installs
seo-auditing skill Audits technical SEO in web projects, covering meta tags, structured data, robots.txt, sitemaps, and Core Web Vitals. Useful before shipping pages to production.
CX Codex +1
456installs
openclaw-control-center skill A local control panel for OpenClaw agents, covering tasks, token usage, session handoffs, memory, and documents. It keeps write actions restricted by default.
CX Codex +1
4,400installs
v4-sdk-integration skill A skill that walks the agent through the Uniswap v4 SDK: swaps via Universal Router, quotes, pool state reads and LP position handling.
CX Codex +1
729installs
sap-sac-custom-widget skill Guides custom widget development for SAP Analytics Cloud: Web Components, data feeds, styling panels. Useful when the built-in visualizations fall short.
CX Codex +1
609installs
minimalist skill A web design skill that generates section reference images, analyzes them, and only then writes the frontend.
CX Codex +1
319installs
zustand skill A skill that feeds your coding agent Zustand patterns: domain stores, selector hooks, middleware and persistence.
CX Codex +1
353installs
redesign skill Redesigns web apps and sites without breaking existing SEO, brand colors, or conversion forms. Audits the surface before touching any code.
CX Codex +1
469installs
copilots skill An assistant-ui skill that teaches the agent to read page state, click rendered components and mutate their state through React hooks.
CX Codex +1
3,900installs
seeker-connect skill Wires a web, React Native or Kotlin dapp to the built-in wallet on a Seeker phone: Solana sign-in, message and transaction signing.
CX Codex +1
7,000installs
1,601–1,640 of 2,909
