# Frappe Frontend

> 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.

- Skill: `concertonotes/frappe-frontend` (Agent Skill)
- Install (CLI): `npx skillmds@latest add concertonotes/frappe-frontend`
- Raw SKILL.md: https://api.skillmd.com/api/skills/concertonotes/frappe-frontend/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ConcertoNotes (https://skillmd.com/u/concertonotes)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/concertonotes/frappe-frontend

---


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.