Skills
.Work. You
Rest

backend-ui-design

Official

Build consistent backend UIs.

Software Engineering#react#component library#backend development#ui design#frontend consistency#admin interface
Authoropen-mercato
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures that all backend and backoffice interfaces are built with a consistent look, feel, and behavior, reducing development time and improving user experience.

Core Features & Use Cases

  • Component Library Adherence: Enforces the use of the @open-mercato/ui library for all UI elements.
  • Standardized Layouts: Provides components for consistent page structure, headers, and bodies.
  • Data Display & Forms: Mandates DataTable for lists and CrudForm for all form implementations.
  • Notifications & States: Standardizes how success, error, and loading states are communicated.
  • Use Case: When building a new admin page to manage users, use this Skill to ensure it seamlessly integrates with existing pages, using the same form components, table structures, and navigation patterns.

Quick Start

Use the backend-ui-design skill to create a new admin page for managing products, ensuring all forms use CrudForm and all data is displayed in DataTable.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: backend-ui-design
Download link: https://github.com/open-mercato/open-mercato/archive/main.zip#backend-ui-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.