Frontend Developmenthashgraph-online

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.

Stars: 336
Source: hashgraph-online/awesome-codex-plugins
Updated: 2026-05-27
Slug: hashgraph-online--awesome-codex-plugins--frappe-frontend

View on GitHub Raw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/hashgraph-online/awesome-codex-plugins/HEAD/plugins/Dkm0315/frappe-agent/skills/frappe-frontend/SKILL.md -o .claude/skills/frappe-frontend.md

Drops the SKILL.md into .claude/skills/frappe-frontend.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

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.