cms-react

Build CMS admin interfaces with Mezzanine UI React components.

6|3|Updated Apr 8, 2022
One-click install
npx skills add https://github.com/Rytass/Utils --skill cms-react
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cms-react
Source: https://github.com/Rytass/Utils/tree/main/.claude/skills/cms-react
Command: npx skills add https://github.com/Rytass/Utils --skill cms-react

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a set of React components to build CMS admin interfaces based on Mezzanine UI. It solves the challenge of rapidly assembling admin panels for article management, workflows, and permissions.

Core Features & Use Cases

  • StandardCMSTable: advanced data tables with sorting, filtering, pagination and batch actions.
  • StandardCMSList: integrated Tabs + Table for article management with stage-based actions.
  • StandardCMSTabs: standalone article stage navigation.
  • Modals and hooks: DeleteWithdrawModal, RejectModal, VerifyReleaseModal, LogsModal, and useModal/useDialog.

Quick Start

Install dependencies: npm install @rytass/cms-react-components @mezzanine-ui/react @mezzanine-ui/core Provider setup: import { DialogProvider, ModalProvider } from '@rytass/cms-react-components'; function App() { return ( <DialogProvider> <ModalProvider> <YourCMSApp /> </ModalProvider> </DialogProvider> )

Frequently Asked Questions about cms-react

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a React admin UI for article management with approval workflows?▼

Build a React admin UI for article management using modular CMS components like StandardCMSList and StandardCMSTable, which integrate Mezzanine UI to handle sorting, filtering, pagination, and stage-based approval workflows out of the box.

What is the best way to implement permission-based actions in a CMS admin interface?▼

Implement permission-based actions in a CMS admin interface by leveraging TypeScript interfaces alongside modular Mezzanine UI components, ensuring conditional rendering and secure execution of batch actions based on user roles.

How do I add confirmation modals for CMS workflows like rejecting or deleting articles?▼

Add confirmation modals for CMS workflows by utilizing pre-built components such as DeleteWithdrawModal, RejectModal, and VerifyReleaseModal, which require wrapping your application in DialogProvider and ModalProvider.

Does this CMS admin UI approach work with existing Mezzanine UI React projects?▼

Yes, this CMS admin UI approach works with existing Mezzanine UI React projects by installing the @rytass/cms-react-components package, providing modular tables, tabs, and modal hooks that integrate seamlessly.

Can I manage article stage navigation without building custom tab logic in React?▼

Manage article stage navigation without custom tab logic by using the StandardCMSTabs component, which provides standalone stage navigation, or StandardCMSList, which integrates tabs directly with data tables.