NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
material-ui-styling skill Helps the agent pick the right Material UI styling layer: sx, styled(), theme components, or global CSS. Use it when edits pile up and you need to avoid extra wrapper nesting.
CX Codex +1
688installs
expo-examples skill Adapts official integration patterns from the expo/examples repository or scaffolds fresh projects with npx create-expo.
CX Codex +1
26,400installs
screen-reader-testing skill This skill guides screen reader testing for web apps with VoiceOver, NVDA, and JAWS. Use it to debug ARIA, forms, navigation, and dynamic announcements.
CX Codex
10,700installs
threejs-fundamentals skill Sets up Three.js r186 scenes, cameras, renderers, and animation loops for WebGL or WebGPU with TSL.
CX Codex +1
17,400installs
better-auth-best-practices skill This skill guides Better Auth setup in TypeScript projects, covering the server, client, database, sessions, and plugins for email/password or OAuth flows.
CX Codex +1
126,700installs
pixelbin-media skill A skill for generating and editing images and videos through Pixelbin and building website pages from them. Useful when your agent needs media mid-task.
CX Codex +1
2,700installs
wpds skill Applies official WordPress Design System tokens, typography, and component patterns to themes and sites.
CX Codex +1
2,700installs
figma-code-connect-components skill Links Figma design components to code components through Code Connect. Use it when design-system changes need to flow into the codebase.
CX Codex +1
2,700installs
stitch-loop skill A skill that runs an iterative feedback cycle between design and code: critique the layout → fix the code → verify fidelity. Use it when you need to tighten UI against a design brief across multiple passes.
CX Codex +1
2,700installs
figma-generate-library skill Builds or updates a Figma design system library directly from your codebase. It keeps design files in sync with shipped components.
CX Codex +1
2,700installs
swiss-user-research-video-template skill Generates a Swiss-editorial user research deck as a single HTML file with warm paper aesthetics, minimalist layout, participant donut charts, and keyboard navigation.
CX Codex +1
2,700installs
faq-page skill Builds an HTML FAQ page with an accordion, search, and category filters. Use it when a brief calls for a help centre or support page.
CX Codex +1
2,700installs
editorial-burgundy-principles-template skill Generates a three-slide editorial deck in burgundy and blush for manifestos, principles and culture narratives. Self-contained HTML with navigation and card grid.
CX Codex +1
2,700installs
swiss-creative-mode-template skill Builds an editorial, Swiss-style presentation page inside a self-contained HTML file. Useful for brutalist product launches and interactive decks.
CX Codex +1
2,700installs
digits-fintech-swiss-template skill A fintech deck template on a Swiss grid: black, warm paper, neon-lime accents. Three slides with bold numeric cards and keyboard navigation, all in one HTML file.
CX Codex +1
2,800installs
full-page-screenshot skill This skill captures full-page screenshots of web pages using Chrome DevTools Protocol with no external dependencies. Handy for portfolios, case studies, and audit reports.
CX Codex +1
2,800installs
artifacts-builder skill A skill designed for generating multi-component claude.ai HTML artifacts. It uses React and Tailwind CSS alongside shadcn/ui components.
CX Codex +1
2,800installs
vue-router-best-practices skill Skill teaches AI coders Vue Router 4 patterns: navigation guards, route params handling, and component lifecycle synchronization. Prevents infinite redirects, memory leaks, and data desync.
CX Codex +1
15,000installs
gsap-framer-scroll-animation
official skill This skill helps GitHub Copilot build scroll-driven motion with GSAP ScrollTrigger and Framer Motion. Use it for vanilla JS, React, or Next.js work.
3,900installs
design-motion-principles skill Builds or audits UI motion with rules based on project context and interaction frequency. Use it for transitions, hover states, and micro-interactions.
CX Codex +1
12,800installs
argent-lens skill Visual variant staging for UI elements in a native preview window. Stages design options on a simulator so you can pick the winner.
CX Codex +1
22,500installs
apple-design skill Reviews app interfaces against Apple’s design guidance and helps spot issues in mockups, screenshots, and UI code. Useful for accessibility checks, navigation, and dark-mode reviews.
CX Codex +1
9,300installs
magic-ui skill The magic-ui skill teaches Claude Code to work with Magic UI components in React and Next.js: select animations, install via shadcn registry, and check accessibility.
CX Codex +1
1,200installs
build-zoom-contact-center-app
official skill Reference skill for Zoom Contact Center architecture. It guides integrations across desktop client apps, web embeds, and native iOS or Android SDKs.
CX Codex +1
2,100installs
build-zoom-virtual-agent
official skill Reference skill for Zoom Virtual Agent development: web embeds, mobile wrappers, knowledge-base sync and chat lifecycle. Use after routing to a virtual-agent workflow.
CX Codex +1
2,100installs
build-zoom-video-sdk-app
official skill Reference skill for Zoom Video SDK — builds custom video apps with full UI control, no default Zoom interface.
CX Codex +1
2,100installs
build-zoom-meeting-sdk-app
official skill Reference skill for embedding Zoom Meeting SDK across web and mobile applications. Guides client embeds and backend auth flows.
CX Codex +1
2,100installs
impeccable-design-polish skill Polishes existing HTML pages by removing generic AI styling cues, fixing mobile layout bugs, and tightening accessibility.
CX Codex +1
2,500installs
threejs-shaders skill Guides the agent through writing GLSL shaders, custom materials, and TSL nodes for Three.js r186 across WebGL and WebGPU.
CX Codex +1
15,600installs
create-adaptable-composable skill Skill for writing reusable Vue composables that accept values, refs, or getters and work the same way in all cases. Use it when you need a library-grade composable that adapts to different input types.
CX Codex +1
13,800installs
material-ui-theming skill Skill for building and managing Material UI themes: palettes, color schemes, CSS variables, light/dark switching, and TypeScript augmentation. Use it when designing your app's visual system or implementing theme customization.
CX Codex +1
607installs
vue-testing-best-practices skill Skill offering Vue 3 testing patterns and best practices. It helps configure Vitest and write blackbox component tests without brittle assertions.
CX Codex +1
13,700installs
zoom-cobrowse-sdk
official skill A reference skill for building Zoom Cobrowse SDK integrations with browser co-browsing, annotations, privacy masking, and agent-assisted sessions.
CX Codex +1
2,000installs
zoom-apps-sdk
official skill Reference skill for the Zoom Apps SDK. Gives your agent the API surface for web apps running inside Zoom meetings, webinars, the main client, and Zoom Phone.
CX Codex +1
2,000installs
antislop-ui skill A UI and visual skill for reviewing color, layout, components, and motion. Use it when building or editing a website, web app, or other interface.
CX Codex +1
6,400installs
weread-year-in-review-video-template skill Creates a vertical 9:16 HTML video for WeRead-style annual reading reports: stats, notes, keywords, and a reading persona card.
CX Codex +1
2,400installs
improve-react skill Audits an entire React codebase with React Doctor and drafts self-contained implementation plans for other agents. Operates in read-only mode.
CX Codex +1
2,500installs
chrome-extensions skill Guides building and publishing Chrome Extensions using Manifest V3 standards. It sets concrete rules for service workers, side panels, and store reviews.
CX Codex +1
11,000installs
react-native-testing skill Skill for writing and reviewing React Native component tests with Testing Library. Covers queries, user interactions, async patterns, and supports v13 (React 18) and v14 (React 19+).
CX Codex +1
5,300installs
threejs-geometry skill Teaches your coding agent how to build standard geometries, generate 3D text, and construct custom vertex buffers in three.js.
CX Codex +1
14,600installs
321–360 of 2,909
