NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
transformers-js skill This skill helps run machine learning models from JavaScript and TypeScript for text, images, audio, and multimodal tasks in browser or server-side code.
CX Codex +1
2,100installs
migrate-xml-views-to-jetpack-compose skill Guides the migration of one Android XML screen to Jetpack Compose, from project review through validation and legacy XML cleanup.
CX Codex +1
2,400installs
ink skill Builds interactive terminal user interfaces from JSON specs using @json-render/ink. Useful when creating dynamic TUI components or agent-generated layouts.
CX Codex +1
1,300installs
frontend-ui-dark-ts skill Build dark-themed React interfaces with Tailwind CSS and Framer Motion. It guides dashboard, admin panel, and data-dense UI styling.
CX Codex +1
1,100installs
sign-in-with-google-web
official skill Guides Google Identity Services setup across web projects. It implements secure token handling and IETF authentication patterns.
CX Codex
743installs
v3-to-v4-migration skill Guides migration from Phaser 3 to Phaser 4. Explains renderer architecture changes, unified filters, and tint system updates.
CX Codex +1
715installs
react-joyride skill Teaches the agent to create step-by-step tours and onboarding flows in React apps using React Joyride v3.
CX Codex +1
686installs
scroll-craft skill A skill that plans and builds a scroll-driven landing page: brief interview, section order, one emotional peak, dimensional hero, screenshot checks.
CX Codex +1
1,200installs
feature-sliced-design skill This skill helps organize frontend code with Feature-Sliced Design and check import boundaries. Use it when creating or migrating a project.
CX Codex +1
23,600installs
mermaid-visualizer skill Transforms text into professional Mermaid diagrams. Visualize processes, system architectures, comparisons and hierarchies with built-in syntax error prevention.
CX Codex +1
1,700installs
ce-polish skill Refines a working feature through browser feedback: you point out what needs work, the skill edits the code, hot reload shows the result.
CX Codex +1
1,100installs
react-audit-grep-patterns
official skill Verified grep pattern library for auditing React projects before upgrading to React 18.3.1 or 19. It spots deprecated APIs and syntax breaking changes.
854installs
swiftui-ui-patterns
official skill This skill helps build and refactor SwiftUI interfaces, from navigation and state to layouts and controls. Use it for new screens or changes to an existing project.
CX Codex GP ChatGPT
114installs
svelte skill Guides AI coding agents through building Svelte 5 component trees from json-render specs, including state, events, bindings, and catalogs.
CX Codex +1
1,200installs
shopify-apps skill Patterns for Shopify app development with Remix and React Router. Guides App Bridge setups, Polaris UI components, billing flows, and webhooks.
CX Codex +1
1,000installs
web-typography skill This skill helps you select and configure typefaces for web projects: from choosing a font family to optimizing size, line height, and measure. Use it when you need readable typography or want to find a well-matched font pair.
CX Codex +1
9,200installs
refactoring-ui skill Audits and polishes visual hierarchy, spacing scales, and color palettes in web interfaces. Works through a grayscale-first workflow before applying accent colors.
CX Codex +1
9,200installs
libraries-dev skill Selects and integrates Libraries.dev React UI effects for AI interfaces, covering loaders, voice glows, animated borders, and bot avatars.
CX Codex +1
1,000installs
create-mcp-app skill Walks the agent through building an MCP App: an MCP tool paired with an HTML resource whose UI the host renders next to the tool result.
CX Codex +1
2,700installs
wp-block-themes skill Guides the agent through building WordPress block themes, editing theme.json, and organizing templates. Useful when styles fail to apply in the Site Editor.
CX Codex +1
5,800installs
godot-ui-control skill A Claude Code skill that teaches the agent to lay out Godot 4.7 HUDs and menus with Control nodes: anchors, containers, themes and focus.
CX Codex +1
7,000installs
solid skill Skill to render JSON-specs into reactive SolidJS components. Use it when building UI catalogs, wiring providers, or debugging Solid reactivity patterns.
CX Codex +1
1,100installs
xstate skill Teaches AI assistants how to hook @xstate/store into json-render's state interface. Useful when driving dynamic UI layouts with an XState atom.
CX Codex +1
1,100installs
jotai skill Turns a Jotai atom into json-render's state backend: install the packages, wrap the atom, share one store with your app.
CX Codex +1
1,100installs
redux skill A Redux adapter for json-render: it points the renderer at a store slice instead of its own state. Useful when app state already lives in Redux.
CX Codex +1
1,100installs
shadcn-svelte skill Pre-built definitions and implementations of 36 shadcn components for json-render apps. Built on Svelte 5 and Tailwind CSS.
CX Codex +1
1,100installs
salesforce-component-standards
official skill Guides Salesforce UI development across LWC, Aura, and Visualforce. Enforces SLDS 2 compliance, accessibility, and platform security.
770installs
react18-dep-compatibility
official skill Checks minimum dependency versions for React 18.3.1 and React 19. Use it during React upgrades and when resolving peer dependency conflicts.
764installs
browser-screenshot-diff skill Compares two recorded browser sessions by matching steps, screenshots, and accessibility snapshots. Use it for visual regression and replay checks.
CX Codex +1
696installs
shopify-polaris-admin-extensions skill A skill for Shopify admin UI extensions in Claude Code. It ships marked deprecated: instead of guidance it hands your agent a note to uninstall itself and add shopify.
CX Codex +1
9,700installs
react-19 skill Skill for React 19 with React Compiler: no manual memoization, server components first, ref as a prop.
CX Codex +1
671installs
react18-batching-patterns
official skill Diagnoses and fixes React 18 automatic batching bugs in class components. Useful when upgrading from React 17 breaks state assertions or async flows.
754installs
shopify-polaris-checkout-extensions skill A deprecated skill for Shopify Checkout extensions. Shopify replaces it with the shopify skill.
CX Codex +1
9,600installs
svelte-code-writer skill Fetches Svelte 5 documentation and analyzes components using autofixer. Useful when authoring or debugging .svelte and .svelte.ts files.
CX Codex +1
13,000installs
react-best-practices skill A skill that audits React and Next.js performance: it traces request waterfalls, extra bundle JS, server-client boundary mistakes and wasted rerenders.
CX Codex +1
399installs
react18-legacy-context
official skill This skill migrates React legacy context to createContext and coordinates the provider with every consumer. Use it for class component context migrations.
745installs
react18-lifecycle-patterns
official skill Migrates unsafe class component lifecycle methods to React 18.3.1 patterns. Helps prepare legacy code for React 19 before breaking changes arrive.
743installs
wp-block-development skill A WordPress skill for Claude Code, Codex and Cursor that walks an agent through Gutenberg block work, from block.json metadata down to deprecations.
CX Codex +1
5,500installs
react18-string-refs
official skill Guides the move from string refs to React.createRef() in class components. Use it when preparing a project for React 18.3.1 or React 19.
741installs
react18-enzyme-to-rtl
official skill Provides Enzyme to React Testing Library migration patterns for React 18 upgrades. Useful when rewriting shallow renders, mount calls, and state assertions into user behavior checks.
739installs
521–560 of 2,909
