# Frappe Frontend

> General Frontend routing and UI related components in Frappe.

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

---


# Frontend & UI

Frappe apps can have three types of frontends. Detect which one applies by looking at the app structure, then load ONLY the relevant file:

| Type | How to detect | File |
|------|--------------|------|
| **Desk** (admin UI) | All apps have this by default | [frontend-desk.md](./frontend-desk.md) |
| **Vue 3 + frappe-ui + Vite** | `frontend/` directory with `vite.config.ts` | [frontend-vue.md](./frontend-vue.md) |
| **Portal pages** | `www/` directory with `.html` templates | [frontend-portal.md](./frontend-portal.md) |

An app can use multiple types simultaneously (e.g. Desk for admin + Vue SPA for users).