gitwtfhub

wtf is spec?

ecomfe/spec — explained in plain English

Analysis updated 2026-06-26

4,610Audience · developerComplexity · 1/5Setup · easy

TL;DR

A collection of Chinese-language front-end coding style guides from Baidu's ecomfe team, covering JavaScript, HTML, CSS, Less, React, and project structure standards used by one of China's largest tech companies.

Mindmap

mindmap
  root((spec))
    What it does
      Defines code style rules
      Covers multiple languages
      Versioned documents
      Chinese language guides
    Topics covered
      JavaScript and ESNext
      HTML and CSS
      Less styling
      React framework
    Use cases
      Team coding standards
      Code review reference
      Lint tool configuration
      Project structure guide
    Audience
      Front-end developers
      Chinese tech teams
      Code reviewers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Reference the JavaScript or CSS style guides when setting up linting rules for a new front-end project.

REASON 2

Use the HTML and CSS standards as a benchmark when establishing coding conventions for your team.

REASON 3

Integrate FECS (the companion lint tool referenced in the repo) to automatically check code against these specifications.

REASON 4

Study how a large Chinese tech company's front-end team structures E-JSON data transfer and module organization standards.

What's in the stack?

JavaScriptESNextHTMLCSSLessReact

How it stacks up

ecomfe/specmicrosoft/azurelinuxobjectbox/objectbox-java
Stars4,6104,6104,610
LanguageRPM SpecJava
Setup difficultyeasyhardeasy
Complexity1/54/52/5
Audiencedeveloperops devopsdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

All documents are written in Chinese and require no installation, read the markdown files directly in the repository.

Wtf does this do

This repository is a collection of coding style specifications published by ecomfe, a front-end team at Baidu. The documents are written in Chinese and cover the rules and conventions that developers on the team follow when writing code. The specifications cover JavaScript, including a separate section for modern JavaScript features known as ESNext. There are also guides for HTML, CSS, and Less (a language that extends CSS with additional features). Beyond styling code itself, the collection includes standards for how data should be structured when transferred between systems (E-JSON), how modules and loaders should be organized, how packages should be structured, and how project directories should be laid out. A standard for chart libraries is also included, along with a guide for React, a popular JavaScript framework. Each document is versioned, with some marked as drafts still in progress. The repository also references FECS, a lint and auto-fix tool used to check code against these specifications automatically. This is primarily useful for developers working within or alongside the ecomfe team, or for anyone reading Chinese who wants to see how a large Chinese technology company structures its front-end coding standards. The README is in Chinese, and the linked specification documents are also in Chinese.

Yoink these prompts

Prompt 1
Based on the ecomfe JavaScript style guide, what naming conventions, indentation rules, and variable declaration patterns should I configure in my ESLint setup?
Prompt 2
Using ecomfe's spec as a reference, show me a recommended directory and module structure for a large JavaScript front-end project.
Prompt 3
Based on the ecomfe CSS and Less style guide, what property ordering rules and naming conventions should I enforce with a linter?
Prompt 4
I want to follow the ecomfe coding standards for a React project. What are the key component naming, file structure, and prop conventions I should use?

Frequently asked questions

wtf is spec?

A collection of Chinese-language front-end coding style guides from Baidu's ecomfe team, covering JavaScript, HTML, CSS, Less, React, and project structure standards used by one of China's largest tech companies.

How hard is spec to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is spec for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.