skills.rest
OpenAEC-Foundation
OpenAEC-FoundationOFFICIAL
Explore all skills by this author →
GitHub

frappe-impl-ui-components

Build Frappé UI components for dialogs, lists, pages, Kanban, and calendars.

163|53|Updated Jan 14, 2026
Search Tags:#calendar#realtime#kanban#dialogs#listview#frappe-ui
One-click install
npx skills add https://github.com/OpenAEC-Foundation/Frappe_Claude_Skill_Package --skill frappe-impl-ui-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frappe-impl-ui-components
Source: https://github.com/OpenAEC-Foundation/Frappe_Claude_Skill_Package/tree/main/skills/source/impl/frappe-impl-ui-components
Command: npx skills add https://github.com/OpenAEC-Foundation/Frappe_Claude_Skill_Package --skill frappe-impl-ui-components

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frappe UI development often lacks consistent, reusable patterns across dialogs, lists, pages, Kanban, calendars, and realtime updates. This Skill provides a cohesive, battle-tested set of UI building blocks to standardize interactions, reduce bugs, and accelerate feature delivery.

Core Features & Use Cases

  • Reusable dialogs, prompts, and forms that enforce consistent UX across apps.
  • Built-in list views, Kanban boards, and calendar components with indicators, formatting, and realtime updates.
  • Ready-to-use page scaffolds and client-side utilities to compose complex interfaces quickly while staying compatible with Frappe v14–v16.

Quick Start

Install this skill and begin using its ready-made UI components to rapidly assemble dialogs, list views, pages, and calendars in your Frappé app.

Frequently Asked Questions about frappe-impl-ui-components

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

FAQPage Schema
How do I build consistent Frappe UI components like dialogs and list views?▼

You can build consistent Frappe UI components by using a reusable suite of battle-tested building blocks for dialogs, list views, pages, and forms. This standardizes interactions and reduces bugs across v14–v16 apps.

Can I add realtime updates and socket interactions to a Frappe app?▼

Yes, realtime updates and socket interactions can be added to a Frappe app using built-in UI components. These blocks support realtime data syncing for list views, calendars, and Kanban boards.

What's the best way to create a Kanban board or calendar in Frappe?▼

The best way to create a Kanban board or calendar in Frappe is using ready-made components with built-in indicators, formatting, and realtime updates. These accelerate feature delivery while maintaining UX consistency.

Does this Frappe UI component suite support version 14 projects?▼

Yes, the Frappe UI component suite fully supports version 14 projects and remains compatible through v16. You can leverage its page scaffolds and client-side utilities across these versions.

Why are my Frappe client dialogs and forms inconsistent across different apps?▼

Frappe dialogs and forms become inconsistent without reusable patterns. Applying a standardized UI component suite enforces consistent UX across apps, reducing bugs and accelerating feature delivery.

Do I need to install dependencies to use these Frappe UI building blocks?▼

No external dependencies are required to use these Frappe UI building blocks. You can install the skill and immediately begin assembling interfaces using its provided scripts, references, and assets.

Related Skills

Explore More Software Engineering Skills→
Impertio-StudioImpertio-Studio
163

frappe-impl-workspace

Generate Frappe Workspace implementations with DocType fields and child-table synchronization.

Official
Advanced
anonymousminatianonymousminati

frappe-impl-ui-components

Build Frappe client-side UI components with realtime socket interactions.

Community
Advanced
ovachieverovachiever
52

tanstack-start

Build full-stack React apps on Cloudflare Workers with TanStack Start.

Community
Advanced
Venkateshvenki404224Venkateshvenki404224
25

frappe-client-script-generator

Generate production-ready JavaScript client scripts for Frappe DocTypes.

Community
Intermediate