dokan-frontend-dev

Official

Frontend UI guidance for Dokan.

Authorgetdokan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers need a cohesive, up-to-date guide to create and modify Dokan frontend code across React/TypeScript, Vue, and Tailwind, ensuring consistency with project conventions and build tooling.

Core Features & Use Cases

  • Provides conventions for functional React components, barrel exports, and global libraries.
  • Documents state management with @wordpress/data stores and custom hooks.
  • Covers Tailwind CSS configuration, Tailwind preflight considerations, and Webpack entry management for 80+ entries.
  • Use cases include adding a new admin component, updating stores, or adjusting webpack config for a new feature.

Quick Start

Modify or create a small React component in src/components following the barrel export conventions and Tailwind setup described above.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dokan-frontend-dev
Download link: https://github.com/getdokan/dokan/archive/main.zip#dokan-frontend-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.