frappe-impl-ui-components

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

Updated May 31, 2026
One-click install
npx skills add https://github.com/anonymousminati/Res-POS --skill frappe-impl-ui-components-anonymousminati
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frappe-impl-ui-components
Source: https://github.com/anonymousminati/Res-POS/tree/main/.claude/skills/impl/frappe-impl-ui-components
Command: npx skills add https://github.com/anonymousminati/Res-POS --skill frappe-impl-ui-components-anonymousminati

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you build dependable Frappe user interfaces and realtime experiences without common implementation mistakes that cause frozen dialogs, broken list behavior, or missed live updates.

Core Features & Use Cases

  • Dialogs and prompts: Create simple prompts, complex dialogs, and table-based entry flows with correct async handling.
  • Custom pages and views: Extend list views, build custom pages, configure kanban boards, and set up calendar or tree views.
  • Realtime interactions: Publish and subscribe to socket events for live refreshes, notifications, and progress updates.
  • Use case: A developer can use this Skill to add a custom order-entry dialog, refresh a dashboard when records change, and avoid UI bugs from improper field setup or synchronous calls.

Quick Start

Ask the AI to build the Frappe dialog, list view, or realtime UI you need and have it apply the correct patterns, validations, and async behavior from this Skill.

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 prevent frozen Frappe dialogs when building custom UI components?

Preventing frozen Frappe dialogs requires applying correct field definitions and async callbacks rather than synchronous calls. Proper async handling ensures the UI remains responsive during complex table-based entry flows or custom prompts.

Why does my Frappe realtime socket event miss live updates on the client?

Frappe realtime socket events miss live updates when publishing is not triggered after_commit. Applying after_commit realtime publishing and view-specific mappings ensures dashboards and list views receive reliable socket-driven refresh workflows.

What is the best way to build a custom Frappe kanban board or calendar view?

Building a custom Frappe kanban board or calendar view requires applying view-specific mappings and configurations. This approach prevents broken list behavior and missed live updates while extending custom pages and tree views.

Does Frappe list view support custom indicators and socket-driven refresh workflows?

Frappe list view supports custom indicators and socket-driven refresh workflows. Applying correct view-specific mappings and realtime subscriptions avoids broken list behavior and ensures missed updates are resolved across custom pages.

How do I set up Frappe realtime interactions for dashboard notifications and progress updates?

Setting up Frappe realtime interactions for dashboard notifications involves publishing and subscribing to socket events for live refreshes. Using after_commit realtime publishing ensures clients reliably receive progress updates and notifications.