Frappe frontend guidance for Vue and React, including desk pages, `www` pages, `frappe-ui`, Doppio-style frontends, client scripts, and external SPA integrations. Use when building or reviewing Frappe UI work.
Installs into .claude/skills of the current project.
Are you the author of Frappe Frontend?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/thedixitjain-frappe-frontend)
---
name: frappe-frontend
description: "Frappe frontend guidance for Vue and React, including desk pages, `www` pages, `frappe-ui`, Doppio-style frontends, client scripts, and external SPA integrations. Use when building or reviewing Frappe UI work."
category: frontend-and-design
source_repo: hashgraph-online/awesome-codex-plugins
source_path: "plugins/Dkm0315/frappe-agent/skills/frappe-frontend/SKILL.md"
source_url: https://github.com/hashgraph-online/awesome-codex-plugins/blob/HEAD/plugins/Dkm0315/frappe-agent/skills/frappe-frontend/SKILL.md
---
Treat Frappe frontend work as a React-or-Vue decision, not a generic browser task.
Support:
- desk-native pages
- `www` pages
- `Web Page`
- `Workspace`
- `Client Script`
- Vue with `frappe-ui`
- Doppio-generated app patterns
- React SDK and external SPA patterns
Decide first:
- desk-native vs website/public vs external SPA
- Vue vs React
- metadata/configuration surface vs code surface
Prefer:
- Vue when the app is already using `frappe-ui` or desk-native Vue patterns
- React when the project is already React-based or clearly external-SPA oriented
Do not flatten everything into the same UI recommendation.
---
**Source:** [`hashgraph-online/awesome-codex-plugins`](https://github.com/hashgraph-online/awesome-codex-plugins) → `plugins/Dkm0315/frappe-agent/skills/frappe-frontend/SKILL.md`
