How do I install the Frappe Frontend skill?

Run npx skillmds add thedixitjain/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.

Is Frappe Frontend safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. 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?

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

Frappe Frontend

Name: Frappe Frontend
Rating: 4.2 (5 reviews)
Author: thedixitjain

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.

thedixitjain 244eaec 1.0 KB Updated Sep 8, 2026 2 repo stars

Web & Frontend

Install

Press C to copy

$ npx skillmds add thedixitjain/frappe-frontend

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

Download SKILL.md

＋ Add to collection

README badge

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

Trust & safety

Audits pending

Not yet audited · commit 244eaec

Permissions this skill uses

Makes network calls
The instructions fetch remote URLs or call external services.

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

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 → plugins/Dkm0315/frappe-agent/skills/frappe-frontend/SKILL.md

thedixitjain/the-mega-skill-library/tree/main/library/frontend-and-design/frappe-frontend commit 244eaecf89

Frequently asked questions

npx skillmds add thedixitjain/frappe-frontend