Frontend Development Standards

by doccker

Frontend Development Standards is a Frontend skill for Claude Code, published by doccker in cc-use-exp.

1K stars105 forkson doccker/cc-use-expAdded 2026/08/21Repository updated 2026/06/30

View source on GitHub Download repo ZIP

antigravityclaude-codecodexcursorgemini-cligithub-copilot

Install in seconds

Install Frontend Development Standards

Copy Frontend Development Standards into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/doccker/cc-use-exp/tree/main/skills/frontend-dev ~/.claude/skills/frontend-dev

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/doccker/cc-use-exp.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/frontend-dev/SKILL.md in doccker/cc-use-exp
Installs to: ~/.claude/skills/frontend-dev
Collection: One of 23 skills cataloged from this repository
Category: Frontend — 567 skills

What Frontend Development Standards does

Frontend Development Standards defines Vue 3, TypeScript, UI, and state management conventions for building frontend apps. Use it when you need consistent component structure, error handling, and style rules.

Frontend Development Standards is cataloged under Frontend on DirSkills. Frontend Development Standards comes from a repository tagged antigravity, claude-code, codex, cursor and gemini-cli.

Documentation

README

Excerpt

前端开发规范

参考来源: Vue 官方风格指南、Element Plus 最佳实践

UI 风格约束

严格禁止（常见 AI 风格）

❌ 蓝紫色霓虹渐变、发光描边、玻璃拟态
❌ 大面积渐变、过多装饰性几何图形
❌ 赛博风、暗黑科技风、AI 风格 UI
❌ UI 文案中使用 emoji

后台系统（默认风格）

要素	要求
主题	使用组件库默认主题
配色	黑白灰为主 + 1 个主色点缀
动效	克制，仅保留必要交互反馈

技术栈

层级	Vue（首选）	React（备选）
框架	Vue 3 + TypeScript	React 18 + TypeScript
构建	Vite	Vite
路由	Vue Router 4	React Router 6
状态	Pinia	Zustand
UI 库	Element Plus	Ant Design

Vue 编码规范

组件基础

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Frontend Development Standards

What else does doccker publish alongside Frontend Development Standards?
Frontend Development Standards is one of 23 skills that DirSkills catalogs from doccker/cc-use-exp, the repository it ships in. Its siblings there include API Design Safety, Api Design Safety and Api Proxy Safety. Each one is a separate skill with its own page in this directory, installs the same way Frontend Development Standards does, and is maintained by doccker in that same repository. The rest of the collection is listed on the doccker/cc-use-exp page.
How does Frontend Development Standards compare to other Frontend skills?
Frontend Development Standards ranks #334 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Frontend Development Standards against them. Open each page to compare what they document and how they install.