NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
syncfusion-react-inputs skill A skill covering Syncfusion input components for React: file uploads, numeric fields, OTP, signatures and sliders. Useful when a form is built on ej2-react-inputs.
CX Codex +1
672installs
syncfusion-react-dropdowns skill Implementation guide for Syncfusion React dropdown components. Helps coding assistants configure AutoComplete, remote data sources, and custom filters.
CX Codex +1
668installs
syncfusion-react-popups skill A skill that tells your coding agent how to build modal dialogs, tooltips and popovers with Syncfusion React components.
CX Codex +1
663installs
syncfusion-react-appbar skill This skill helps build React navigation and action bars with AppBar. Use it for top, bottom, sticky, or responsive headers with controls and sidebars.
CX Codex +1
661installs
syncfusion-react-3d-chart skill This skill walks your agent through Syncfusion 3D column and bar charts in a React app. Handy when a chart needs axes, a legend and export.
CX Codex +1
661installs
figma skill This skill wires Claude to the Figma MCP server: it pulls node context, a screenshot and assets, then turns the frame into code that matches your project.
858installs
syncfusion-react-notifications skill A skill covering Syncfusion's React notification components: Toast, Badge, Message, Skeleton and Spinner. Useful when you need status indicators without digging through docs.
CX Codex +1
659installs
syncfusion-react-heatmap skill Walks the agent through building a React heatmap with axes, legend and tooltips. Handy when a matrix of values needs colour.
CX Codex +1
658installs
syncfusion-react-breadcrumb skill A skill that walks your coding agent through building and configuring the Syncfusion Breadcrumb component in React: routes, icons, overflow. Useful when you need a navigation trail without digging through docs.
CX Codex +1
658installs
syncfusion-react-carousel skill This skill guides an agent through a Syncfusion React carousel with slides, controls, transitions, and accessibility. Use it for galleries, product displays, or slideshows.
CX Codex +1
657installs
syncfusion-react-sidebar skill Build responsive Syncfusion React sidebars for navigation layouts. Use this skill for drawer menus, nested navigation, and mobile-friendly panels.
CX Codex +1
656installs
syncfusion-react-timeline skill Tells your agent how to build event chronologies with the Syncfusion Timeline component for React. Useful for roadmaps, shipping tracking and activity feeds.
CX Codex +1
655installs
syncfusion-react-splitter skill This skill helps build React layouts with resizable panes, collapse controls, nested splits, and resize event handling.
CX Codex +1
653installs
syncfusion-react-smithchart skill A skill that walks your agent through building and customizing Syncfusion's React Smith Chart for impedance and RF work.
CX Codex +1
652installs
accessibility-auditor skill Audits web interfaces for accessibility issues and suggests fixes for WCAG, ARIA, keyboard access, and screen-reader use.
846installs
syncfusion-react-circular-gauge skill Build React circular gauges for KPIs, sensor readings, speedometers, and live monitoring dashboards with this skill.
CX Codex +1
651installs
syncfusion-react-3d-circular-chart skill A skill that walks your coding agent through building 3D pie and donut charts in React with Syncfusion components.
CX Codex +1
651installs
syncfusion-react-stepper skill This skill helps an agent build React step flows for wizards, multi-step forms, and guided process screens.
CX Codex +1
649installs
syncfusion-react-sankey skill A skill that walks your coding agent through building Sankey diagrams in React with the Syncfusion chart component: nodes, links, legend, tooltips and export.
CX Codex +1
650installs
syncfusion-react-linear-gauge skill Build Syncfusion linear gauges in React for temperature readings, progress values, KPIs, or live sensor data.
CX Codex +1
647installs
syncfusion-react-stock-chart skill A skill that walks your agent through building a stock chart with the Syncfusion Stock Chart component in React: candles, OHLC, indicators.
CX Codex +1
648installs
syncfusion-react-treemaps skill This skill guides agents through building Syncfusion React TreeMap views. Use it to map hierarchical data, set up drill-down, and tune how categories appear.
CX Codex +1
646installs
shopify-storefront-graphql
official skill Writes GraphQL queries and mutations against the Shopify Storefront API, searching the docs first and validating the code before it reaches you.
CX Codex GP ChatGPT
1installs
shopify-polaris-customer-account-extensions
official skill This skill helps build Shopify customer account UI extensions for order and profile pages. Use it when you need a scaffold, target selection, or Polaris component guidance.
CX Codex GP ChatGPT
1installs
shopify-polaris-app-home
official skill Builds embedded Shopify admin user interfaces using Polaris web components. It searches component docs and validates code via CLI scripts before returning snippets.
CX Codex GP ChatGPT
1installs
native-data-fetching
official skill Sets conventions and patterns for Expo networking. Helps configure React Query, error retries, offline syncing, and secure token storage.
CX Codex GP ChatGPT
1installs
expo-ui-swift-ui
official skill The skill teaches the agent to work with the @expo/ui/swift-ui package, which brings SwiftUI Views and modifiers into React Native apps on Expo SDK 55.
CX Codex GP ChatGPT
1installs
expo-ui-jetpack-compose
official skill A skill that tells the agent how to build native Android UI with @expo/ui/jetpack-compose inside an Expo app.
CX Codex GP ChatGPT
1installs
expo-tailwind-setup
official skill Sets up Tailwind CSS v4 in Expo projects using NativeWind v5 and react-native-css. Useful for sharing styling across mobile platforms and the web.
CX Codex GP ChatGPT
1installs
expo-module
official skill This skill covers Expo native modules and views with Swift, Kotlin, and TypeScript. Use it when building or changing code through the Expo Modules API.
CX Codex GP ChatGPT
1installs
syncfusion-react-cards skill This skill guides React card layouts with headers, images, action buttons, horizontal structure, and embedded Syncfusion components.
CX Codex +1
624installs
syncfusion-react-accordion skill This skill guides coding assistants in configuring Syncfusion collapsible panels for React. It assists with expand behavior, animations, and styling.
CX Codex +1
621installs
syncfusion-react-context-menu skill Helps AI agents implement Syncfusion ContextMenu in React, covering target selectors, nested items, click events, and animations.
CX Codex +1
616installs
syncfusion-react-menu skill This skill guides an agent through Syncfusion React menus, from nested navigation to dropdown and context actions. Use it when a project needs configurable menu behavior.
CX Codex +1
615installs
syncfusion-react-toolbar skill This skill guides setup of Syncfusion’s React Toolbar, from item configuration to overflow behavior. Use it when building a command bar for an editor or another command-driven interface.
CX Codex +1
613installs
syncfusion-react-sparkline skill Guides the agent through building Syncfusion sparklines in React: five chart types, tooltips, markers and range bands where a full chart will not fit.
CX Codex +1
608installs
transformation-builder skill Teaches the agent to phrase a precise query for the transformation_builder tool and get a working ImageKit transformation URL.
CX Codex +1
481installs
syncfusion-react-calendars skill A skill for building Syncfusion calendar controls in React, including date, range, and time selection with validation and formatting.
CX Codex +1
541installs
figma-implement-design skill Turns a Figma node into code that fits your project: pulls the design context, a screenshot and assets over Figma MCP, then maps them onto your components and tokens.
689installs
vanilla-web skill A skill that keeps the agent on plain HTML, CSS and JavaScript for static pages and small widgets. Useful when a framework would be overkill.
CX Codex +1
666installs
2,801–2,840 of 2,909
