Design and validate Fuuz screen structures with Craft.js flat node maps.
npx skills add https://github.com/Fuuz-Platform/llm-skills --skill fuuz-screen-design
Please help me install this Agent Skill. Skill: fuuz-screen-design Source: https://github.com/Fuuz-Platform/llm-skills/tree/main/fuuz-screen-design Command: npx skills add https://github.com/Fuuz-Platform/llm-skills --skill fuuz-screen-design
This Skill helps you design and build Fuuz and MFGx screens correctly, reducing layout mistakes, broken bindings, and query issues that slow down screen delivery.
Use the fuuz-screen-design skill to draft a Fuuz screen for a form or table with the correct bindings, layout structure, and action flow.
High-intent search queries and answers about installing and using this skill.
To structure Fuuz screens correctly, organize Craft.js flat node maps by maintaining consistent parent-child relationships and using linked slots. This ensures dependable layout delivery and prevents structural errors.
Binding dataPath and query fields requires configuring required dataPath, label, formElement, and query settings for inputs and table columns. This ensures forms and tables reliably retrieve and display data.
The best way to sequence action steps is using ordered action flows for save, delete, navigation, and data loading. This manages screen state and prevents execution errors during user interactions.
Yes, this screen design approach supports context-driven JSONata transforms to manage screen state. It allows you to manipulate data context dynamically before passing it to UI components or actions.
Broken bindings and query issues in Fuuz dashboards usually stem from missing required dataPath rules, incorrect parent-child consistency, or improperly configured query fields. Validating these structural rules resolves the errors.
Fuuz-PlatformWrite JSONata expressions and JavaScript scripts for Fuuz screens and data flows.
Fuuz-PlatformDesign Fuuz data flows with nodes, branching, and error routing.
Pama-LeeIntegrate Ordo visual editor components into Vue and React applications.
gabelulGenerate alternative design variants of existing Stitch UI screens.
