How do I install the Frappe Frontend skill?

Run npx skillmds@latest add av-dev2/frappe-frontend in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Frappe Frontend skill do?

General Frontend routing and UI related components in Frappe. It is listed under Web & Frontend on SkillMD.

Is Frappe Frontend safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Frappe Frontend?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Frappe Frontend free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Frappe Frontend?

av-dev2 (@av-dev2) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Frappe Frontend

Name: Frappe Frontend
Rating: 4.666666666666667 (3 reviews)
Author: av-dev2

General Frontend routing and UI related components in Frappe.

av-dev2 Updated Sep 22, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add av-dev2/frappe-frontend

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to plugin

README badge

[![SkillMD](https://skillmd.com/badge/av-dev2/frappe-frontend.svg)](https://skillmd.com/skills/av-dev2/frappe-frontend)

Trust & safety

Audits pending

Not yet audited · commit 247a47f

Permissions this skill uses

Documentation only
No scripts, network access, or credentials are involved.

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

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
Vue 3 + frappe-ui + Vite	`frontend/` directory with `vite.config.ts`	frontend-vue.md
Portal pages	`www/` directory with `.html` templates	frontend-portal.md

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

av-dev2/frappe-gemini-skills/tree/main/frappe_frontend commit 247a47fb60

Frequently asked questions

npx skillmds@latest add av-dev2/frappe-frontend