lubusin avatar

Frappe Frontend Development

This walks you through building Vue 3 frontends for Frappe apps using Frappe UI, which comes with TailwindCSS and a solid component library. You get three resource types for data fetching: generic resources for custom API calls, list resources for paginated DocType queries, and document resources for single doc operations. The skill covers scaffolding with frappe-ui-starter, wiring up components like ListView and Dialog, and choosing between a full SPA or simpler portal pages. The resource API is well documented here with real examples of auto-loading, caching, and CRUD operations. If you're tired of building admin interfaces in the Desk and want a proper modern frontend, this is your starting point.

skills.sh installs
152
GitHub stars
21
last updated
Jun 3, 2026

Install

$ npx -y skills add lubusin/agent-skills --skill frappe-frontend-development --agent claude-code

Installs into .claude/skills of the current project.

Files

This walks you through building Vue 3 frontends for Frappe apps using Frappe UI, which comes with TailwindCSS and a solid component library. You get three resource types for data fetching: generic resources for custom API calls, list resources for paginated DocType queries, and document resources for single doc operations. The skill covers scaffolding with frappe-ui-starter, wiring up components like ListView and Dialog, and choosing between a full SPA or simpler portal pages. The resource API is well documented here with real examples of auto-loading, caching, and CRUD operations. If you're tired of building admin interfaces in the Desk and want a proper modern frontend, this is your starting point.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/lubusin/agent-skills
Categories
Frontend Development, AI & Agent Building
First seen
Jun 3, 2026

More from lubusin/agent-skills

All 6
1skillcreatorai avatarfrontend-designskillcreatorai/ai-agent-skillsfrontend design143skills.sh installs
2brianlovin avatarreact-doctorbrianlovin/claude-configreact doctor138skills.sh installs
3shipshitdev avatarcomponent-libraryshipshitdev/librarycomponent library130skills.sh installs
4sickn33 avatarxss-html-injectionsickn33/antigravity-awesome-skillsxss html injection127skills.sh installs
5vudovn avatartailwind-patternsvudovn/antigravity-kittailwind patterns126skills.sh installs
6shipshitdev avatarnextjs-validatorshipshitdev/librarynextjs validator119skills.sh installs