New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Dokan Frontend Dev

by getdokan in getdokan/dokan

Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind).

No licenceAuto-check passedFrontend & Design

Install Dokan Frontend Dev

skills CLI
$ npx skills add getdokan/dokan --skill dokan-frontend-dev -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install getdokan/dokan dokan-frontend-dev --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/getdokan/dokan.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/dokan-frontend-dev .claude/skills/dokan-frontend-dev && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
dokan-frontend-dev
GitHub stars
288
Token cost
~1.9k tokens
SKILL.md length
457 words
Files
1
Skills in repo
9
Repo updated
First seen
Licence
None found

At a glance

Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind).

  • Creating components
  • SKILL.md covers Tech Stack, React Components, Custom Hooks and State Management, plus 6 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Modifying webpack configuration

What it does

Dokan Frontend Dev is an agent skill from getdokan/dokan. Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind). Use when creating components, hooks, stores, or modifying webpack configuration.

Its SKILL.md is about 1.9k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering CSS and styling, React components and State management. It works with TypeScript, webpack, Tailwind CSS and Vue.js. The repository describes itself as: Multivendor marketplace platform for WordPress.

When your agent uses it

  • Creating components
  • Modifying webpack configuration

Example prompts

  • “/dokan-frontend-dev”

What it can do on your machine

Read from SKILL.md and the folder at commit 2a21764. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript, javascript, vue and php).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Dokan Frontend Dev loads about 1.9k tokens when it runs. Until then it costs about 42 tokens; SKILL.md has 457 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~42
When it runs · the whole SKILL.md, loaded when a task matches
~1.9k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 457 words (~1,878 tokens).

“This skill provides guidance for developing Dokan Lite frontend code.”

— opening of SKILL.md by getdokan
name
dokan-frontend-dev

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .claude/skills/dokan-frontend-dev of getdokan/dokan.

Open the folder on GitHubat commit 2a21764

Compare with similar skills

Dokan Frontend Dev next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Dokan Frontend Dev compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Dokan Frontend Dev this skillgetdokan/dokan288—~1.9kAutomated safety check: PassNone
Tailwind To Stylexshadcn-labs/shadcn-cssinjs123—~2.7kAutomated safety check: PassMIT
Frontend Code ReviewProgrammerAnthony/Anything-Extract139—~957Automated safety check: PassMIT
Frontend Code ReviewProgrammerAnthony/Expert-Coding-Harness235—~614Automated safety check: PassMIT
Frontend Developmentavibebuilder/claude-prime120—~1.3kAutomated safety check: PassMIT
Dify Component Writing Guidelanggenius/dify158k—~626Automated safety check: PassCustom licence

Similar skills

  • Tailwind To Stylex

    shadcn-labs/shadcn-cssinjs

    Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

    123 GitHub stars~2.7k tokensUpdated 28 days ago
    Frontend & DesignAuto-check passed

  • Frontend Code Review

    ProgrammerAnthony/Anything-Extract

    指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

    139 GitHub stars~957 tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed

  • Frontend Code Review

    ProgrammerAnthony/Expert-Coding-Harness

    A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

    235 GitHub stars~614 tokensUpdated 5 mo ago
    Frontend & DesignAuto-check passed

  • Frontend Development

    avibebuilder/claude-prime

    A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

    120 GitHub stars~1.3k tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed

  • Dify Component Writing Guide

    langgenius/dify

    Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries, state, data…

    158k GitHub stars~626 tokensUpdated today
    Frontend & DesignAuto-check passed

  • Tailwindcss Development

    anonaddy/anonaddy

    Always invoke when the user's message includes 'tailwind' in any form.

    4.9k GitHub starsUsed in 10 repos~865 tokens
    Frontend & DesignAuto-check passed

More from getdokan/dokan

All 9 skills in this repo

  • Dokan Backend Dev

    getdokan/dokan

    Add or modify Dokan backend PHP code following project conventions.

    288 GitHub stars~4.9k tokensUpdated today
    Auto-check passed

  • Dokan Code Review

    getdokan/dokan

    Review Dokan code changes and pull requests for coding standards, security, and architectural compliance.

    288 GitHub stars~3.2k tokensUpdated today
    Auto-check passed

  • Dokan Dev Cycle

    getdokan/dokan

    Run tests, linting, and quality checks for Dokan development.

    288 GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Dokan Run Test Suite

    getdokan/dokan

    Execute the Dokan Playwright test suite (E2E + API), locally or via GitHub Actions.

    288 GitHub stars~4.7k tokensUpdated today
    Auto-check: notes

  • Dokan Settings

    getdokan/dokan

    Implementation patterns for the Dokan admin settings system — flat-array schema, single-option storage, and @wedevs/plugin-ui rendering.

    288 GitHub stars~3.5k tokensUpdated today
    Auto-check passed

  • Dokan Automation

    getdokan/dokan

    Build, scaffold, and run the Dokan Lite/Pro Playwright suite.

    288 GitHub stars~6.1k tokensUpdated today
    Auto-check: notes

Works with

Categories

Questions about Dokan Frontend Dev

What does Dokan Frontend Dev do?

Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind). Dokan Frontend Dev is an agent skill from getdokan/dokan. Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind).

When should I use Dokan Frontend Dev?

Dokan Frontend Dev fits situations like: creating components; modifying webpack configuration.

How do I install Dokan Frontend Dev in Claude Code?

Run `npx skills add getdokan/dokan --skill dokan-frontend-dev -a claude-code`. Or copy the skill folder (.claude/skills/dokan-frontend-dev in getdokan/dokan) into .claude/skills/dokan-frontend-dev in your project. Claude Code loads it when a task matches its description.

How do I install Dokan Frontend Dev in Codex?

Run `npx skills add getdokan/dokan --skill dokan-frontend-dev -a codex`. Or copy the skill folder (.claude/skills/dokan-frontend-dev in getdokan/dokan) into .agents/skills/dokan-frontend-dev in your project. Codex loads it when a task matches its description.

Can I use Dokan Frontend Dev in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add getdokan/dokan --skill dokan-frontend-dev -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/dokan-frontend-dev, .gemini/skills/dokan-frontend-dev, .github/skills/dokan-frontend-dev and .opencode/skills/dokan-frontend-dev in your project.

What does Dokan Frontend Dev need to run?

SKILL.md names no scripts, command-line tools or credentials: Dokan Frontend Dev is instructions for the agent only.

Does Dokan Frontend Dev access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Dokan Frontend Dev safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Dokan Frontend Dev use?

No licence was found for Dokan Frontend Dev or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Dokan Frontend Dev use?

About 1.9k tokens (SKILL.md is roughly 7.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Dokan Frontend Dev?

Skills that share tags, products or a category with Dokan Frontend Dev: Tailwind To Stylex (shadcn-labs/shadcn-cssinjs, 123 stars), Frontend Code Review (ProgrammerAnthony/Anything-Extract, 139 stars), Frontend Code Review (ProgrammerAnthony/Expert-Coding-Harness, 235 stars) and Frontend Development (avibebuilder/claude-prime, 120 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Dokan Frontend Dev?

getdokan (a GitHub organization) maintains it in getdokan/dokan, which has 288 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 9, 2026.

Source: getdokan/dokan on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.