Skills
.Work. You
Rest

frappe-ui-patterns

Official

Apply consistent Frappe UI patterns in apps.

Design & Creative#crm#responsive-design#frappe#ui-patterns#component-library#ux-guidelines#helpdesk
AuthorlubusIN
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frappe UI consistency is hard to achieve across diverse apps; this Skill provides a centralized set of UI/UX patterns and templates to standardize navigation, layout, and components across Frappe apps.

Core Features & Use Cases

  • Standard shell and navigation patterns (sidebar, header, and content regions) aligned with CRM/Helpdesk experiences.
  • Reusable patterns for lists, detail panels, forms, and activity feeds that accelerate development and ensure a cohesive UX.
  • Use Case: design a CRM-like module with Leads, Deals, and Tickets that benefits from proven UX patterns to reduce user training and cognitive load.

Quick Start

Apply the Frappe UI patterns to your new app's shell to ensure consistency.

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: frappe-ui-patterns
Download link: https://github.com/lubusIN/agent-skills/archive/main.zip#frappe-ui-patterns

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.