# 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: `thedixitjain/frappe-frontend` (Agent Skill)
- Install (CLI): `npx skillmds add thedixitjain/frappe-frontend`
- Raw SKILL.md: https://api.skillmd.com/api/skills/thedixitjain/frappe-frontend/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: thedixitjain (https://skillmd.com/u/thedixitjain)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/thedixitjain/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.

---

**Source:** [`hashgraph-online/awesome-codex-plugins`](https://github.com/hashgraph-online/awesome-codex-plugins) → `plugins/Dkm0315/frappe-agent/skills/frappe-frontend/SKILL.md`