NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
building-native-ui
official skill A Codex skill for building Expo Router interfaces with guidance on routes, styling, components, animation, and native tabs.
CX Codex GP ChatGPT
2installs
nodeops-auth skill This skill wires NodeOps PKCE sign-in into a Next.js project. Use it when the app needs NodeOps login or SSO.
CX Codex +1
564installs
premium-web-design skill This skill guides Claude Code toward polished React components with distinctive type, composition, color, and motion. Use it for sites, landing pages, and portfolios.
1,090installs
syncfusion-react-grid skill Guides AI coding agents through configuring Syncfusion React Grid tables with sorting, filtering, editing, and virtual scrolling.
CX Codex +1
823installs
syncfusion-react-scheduler skill Guides coding assistants through configuring Syncfusion React Scheduler components with multiple calendar views and drag-and-drop bookings. Useful when building room reservation tools.
CX Codex +1
783installs
syncfusion-react-gantt-chart skill Configures the Syncfusion React Gantt Chart component. It helps set up task schedules, dependencies, resource planning, and Excel or PDF exports.
CX Codex +1
773installs
syncfusion-react-rich-text-editor skill Configures the Syncfusion React Rich Text Editor for HTML or Markdown editing. Useful for setting up toolbars, media uploads, and document export in React apps.
CX Codex +1
757installs
syncfusion-react-charts skill This skill helps build Syncfusion charts in React, covering axes, series, data sources, styling, and interactions. Use it for dashboards and analytics views.
CX Codex +1
749installs
syncfusion-react-treegrid skill Guides AI agents through configuring Syncfusion React TreeGrid components, handling nested data binding, and column setups.
CX Codex +1
746installs
enterprise-user-management-ai-analytics skill This skill guides a full-stack user management app with task workflows, support tickets, and ML analysis. Use it when a project needs risk and anomaly signals.
CX Codex +1
663installs
customware-ai skill This skill guides AI chat, text generation, tools, model selection, and typed JSON in Customware-generated React Router and Hono apps.
CX Codex +1
639installs
animating-react-native-expo skill A skill that steers an AI agent through writing and debugging React Native and Expo animations on Reanimated 4 and Gesture Handler 3.
CX Codex +1
413installs
syncfusion-react-common skill This skill guides Syncfusion React setup for localization, RTL, animation, drag-and-drop, persistence, templates, and security-related component work.
CX Codex +1
732installs
styling-nativewind-v4-expo skill Guides setup and troubleshooting for NativeWind v4 with Tailwind CSS v3 in Expo React Native projects.
CX Codex +1
410installs
syncfusion-react-file-manager skill Configures the Syncfusion React File Manager component for web apps. Guides agents through local JSON state, S3 or Azure integration, and custom toolbar controls.
CX Codex +1
729installs
syncfusion-react-themes skill This skill helps configure Syncfusion React themes, dark mode, CSS variables, icons, and component sizing. Use it when changing an app’s visual styling.
CX Codex +1
729installs
syncfusion-react-diagram skill This skill helps build interactive React diagrams with Syncfusion Diagrams. Use it for flowcharts, BPMN, UML models, org charts, and related visual layouts.
CX Codex +1
719installs
syncfusion-react-license skill Walks through Syncfusion licensing in React apps: issuing a key, registering it, and clearing validation errors. Useful when your build starts warning about licenses.
CX Codex +1
718installs
syncfusion-react-image-editor skill A skill for the Syncfusion React Image Editor component: tells the agent how to wire image editing into a React app.
CX Codex +1
718installs
syncfusion-react-chat-ui skill This skill helps build React chat interfaces with messages, attachments, typing states, user presence, and configurable layouts.
CX Codex +1
715installs
syncfusion-react-tabs skill Guides the agent through building and customizing Syncfusion Tab components in React: headers, drag-and-drop, content rendering.
CX Codex +1
715installs
visual-design-system-extractor skill Reverse-engineers screenshots, images, and live URLs into a deterministic YAML design system. Matches visual elements with rare Google Fonts families.
CX Codex +1
687installs
syncfusion-react-kanban skill Guides coding agents in implementing Syncfusion React Kanban boards. Covers swimlane layouts, drag-and-drop flows, WIP count limits, and data binding with DataManager.
CX Codex +1
714installs
syncfusion-react-ai-assistview skill Teaches coding agents how to set up the Syncfusion AI AssistView interface in React. Useful when adding conversational LLM views with streaming and file uploads.
CX Codex +1
712installs
syncfusion-react-accumulation-chart skill This skill guides React implementations of Pie, Doughnut, Funnel, and Pyramid charts. Use it for proportional data, percentage views, and hierarchical displays.
CX Codex +1
711installs
syncfusion-react-barcode skill A skill for generating barcodes, QR codes and Data Matrix codes in React with Syncfusion components. Useful when codes go into a form, report or label.
CX Codex +1
711installs
syncfusion-react-pivot-table skill Build and customize Syncfusion PivotView in React with guidance for data binding, grouping, filters, aggregation, exports, and pivot charts.
CX Codex +1
709installs
syncfusion-react-dashboard-layout skill A skill that tells your coding agent how to build React dashboards with draggable Syncfusion panels.
CX Codex +1
709installs
syncfusion-react-query-builder skill Guides integration of Syncfusion's visual query builder in React. Useful when constructing condition trees and transforming filter rules into SQL or Mongo queries.
CX Codex +1
708installs
syncfusion-react-maps skill Walks the agent through building geographic maps in React: GeoJSON, markers, bubbles, legends, choropleth. Useful when data has to be shown by region.
CX Codex +1
707installs
edgespark-frontend-design skill This skill gives frontend work a clear visual direction across layout, type, color, motion, and accessibility. Use it for new pages or redesigns.
CX Codex +1
588installs
syncfusion-react-blockeditor skill A skill that walks your agent through the Syncfusion React BlockEditor: block-based content editing with menus, drag-and-drop and Yjs collaboration.
CX Codex +1
706installs
syncfusion-react-speech-to-text skill This skill guides React implementations of Syncfusion SpeechToText, including microphone input, transcript events, listening control, and accessible voice forms.
CX Codex +1
705installs
syncfusion-react-treeview skill An agent skill for building hierarchical trees with @syncfusion/ej2-react-navigations: node selection, checkboxes, drag-drop, inline editing and templates.
CX Codex +1
705installs
syncfusion-react-dropdown-tree skill Helps an agent build a Syncfusion React Dropdown Tree for hierarchical selection, checkboxes, and filtering. Useful with local or remote data sources.
CX Codex +1
703installs
syncfusion-react-inline-ai-assist skill This skill guides React implementations of Syncfusion Inline AI Assist with AI suggestions, commands, response handling, and service integrations.
CX Codex +1
700installs
syncfusion-react-ribbon skill A skill for building Office-style ribbon toolbars in React with Syncfusion: tabs, groups, galleries, backstage view, KeyTips. Use it when an agent needs to scaffold a command-centric UI.
CX Codex +1
700installs
building-edgespark-apps skill Guides coding agents working on EdgeSpark applications. Ensures correct use of the CLI, server SDK types, database batching, and browser authentication.
CX Codex +1
577installs
syncfusion-react-data-manager skill Guides coding assistants in setting up Syncfusion DataManager for React apps, managing CRUD tasks, and selecting API adaptors safely.
CX Codex +1
676installs
syncfusion-react-buttons skill Provides implementation guides for Syncfusion React button components. Helps code assistants wire up styled buttons, toggle actions, and grouped selections.
CX Codex +1
675installs
2,761–2,800 of 2,909
