What problem does it solve? Building custom frontends for Frappe applications requires knowing the correct Vue 3 setup, Frappe UI component APIs, data-fetching patterns, and authentication handling—mistakes like missing CSRF tokens, broken Tailwind config, or wrong resource URLs cause hours of debugging. ## Core Features & Use Cases - Frappe UI SPA Scaffolding: Set up a Vue 3 + TailwindCSS frontend inside a Frappe app using the official frappe-ui-starter template with correct plugin and Tailwind configuration. - Data Fetching with Resources: Use createResource, createListResource, and createDocumentResource for API calls, paginated DocType lists, and single-document CRUD with loading states and caching. - Component & Portal Guidance: Apply 30+ Frappe UI components (Button, Dialog, ListView, TextEditor) and build simpler Jinja-based portal pages when a full SPA is unnecessary. - Use Case: You need a customer-facing dashboard for your Frappe app. This Skill walks you through scaffolding the frontend, fetching ToDo records with a list resource, rendering them in a ListView, and building for production. ## Quick Start Use the frontend-development skill to scaffold a Frappe UI Vue 3 frontend in my app and create a page that lists open ToDo records with a dialog to add new ones.
