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.