myb-p-page-builderlisted

Create, redesign, and edit record card pages (form pages) in MyBusiness CRM. Use this skill whenever a customer wants to build a new card page for any entity (Account, Sale, Case, Task, Contact, or any custom table), redesign an existing card page, add sections or fields to a page, organize fields into logical groups, add section headers, add related data tables to a card, improve page layout, or fix poorly structured pages. Also use when the user mentions: דף כרטיס, עיצוב דף, בניית דף, עריכת דף, הוספת שדות לדף, סקשן, כותרת סקשן, טאב, טבלה בכרטיס, page builder, card page, form page, page layout, page design, section header, add fields to page, redesign page, page structure, Edit-Page, Create-Form-Page, Add-Table-View-to-Form-Page.
AviMYB/mybusiness-plugins · ★ 2 · Web & Frontend · score 63

Install: claude install-skill AviMYB/mybusiness-plugins

# Page Builder / בניית ועריכת דפי כרטיס Build well-structured, professional record card pages in MyBusiness CRM for any entity type. ## Relation to `myb-p-create-entity` `myb-p-create-entity` builds the full entity stack (DB tables → list page → menu → JS). This skill (`myb-p-page-builder`) handles the **card page** for an entity created by either: - `myb-p-create-entity` Phase 4 (which now uses `Create-Form-Page` and basic field placement — see that skill) - A standard built-in MyBusiness entity (Account, Sale, Case, etc.) The card page connects to the list page via `data-edit-view="modal-left"` (or `modal-right`) + `useIframe: true` + `page: "apps/mybusiness/<EntityName>"` configured in `Edit-Table-View`. Clicking a row's pencil from the list opens this card in a left/right sidebar. **When to use which skill:** - Building a brand-new entity (DB tables + list + card)? → Start with `myb-p-create-entity`. After it creates the basic card via Phase 4, come here for richer card layout (sections, related-table widgets, custom CSS). - Redesigning the card of an existing entity (Account, Sale, custom)? → This skill is the right place. ## Architecture A card page in MyBusiness CRM follows this visual hierarchy: ``` ┌─────────────────────────────────────────────┐ │ _MPID1: Top Bar (back button + title) │ ├─────────────────────────────────────────────┤ │ _MPID0: Main Content (the form) │ │ ┌─────────────────────────────────────┐ │ │ │ Section Header: "פר