Skills
.Work. You
Rest

enterprise-ui-recipes

Community

Generate enterprise admin UI recipes quickly.

Design & Creative#ui-patterns#admin-panel#enterprise-ui#recipe-generator#ai-prompt-template#back-office#density-mode
Authoryutna
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Enterprise UI generation for admin, back-office, or operations modules is complex and repetitive. This skill provides a structured approach with ready-to-use UI recipes, page anatomy contracts, density modes, and an AI prompt template to accelerate the creation of consistent enterprise interfaces.

Core Features & Use Cases

  • Recipe selector with R01–R10 covering common enterprise screens (operations lists, entity detail, multi-step wizards, approval queues, analytics, settings, RBAC, audit logs, support, planning boards)
  • Page Anatomy Contract outlining required regions and enforcement rules for consistent layouts
  • Density mode options (cozy or compact) to optimize for reading or scanning workflows
  • State completeness checklist (loading, empty, error, success, permission-denied) to ensure robust UX
  • AI prompt templates and guidance to accelerate automated UI generation

Quick Start

Generate an enterprise admin UI screen using R02 for an entity detail view.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: enterprise-ui-recipes
Download link: https://github.com/yutna/vibe-next-template/archive/main.zip#enterprise-ui-recipes

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 471,000+ vetted skills library on demand.