What are the default formatting rules?

By default, it enforces 2-space indentation, a 110-character line width, single quotes, and ES5 trailing commas.

Can it help with Git hooks?

Absolutely. It automates the configuration of Husky and pre-commit hooks to ensure code is formatted before every commit.

Does this skill support both Biome and Prettier?

Yes, it allows you to choose between the high-performance Biome toolchain or the traditional Prettier setup based on your project needs.

When should I use this skill?

Trigger this skill when initializing a project, setting up automation workflows, or when team members need to synchronize their local formatting environments.

How does it handle existing project settings?

The skill includes logic to respect existing Prettier ecosystems while recommending Biome for new or flexible projects.

Frontend Code Formatter

Name: Frontend Code Formatter
Author: doublewater777

bydoublewater777

0•

Developer Tools

Standardizes frontend codebases by configuring automated formatting and pre-commit hooks using Biome or Prettier.

The Frontend Code Formatter skill streamlines development workflows by implementing unified coding standards through automated tool configuration. It provides developers with a choice between the high-performance Biome toolchain and the industry-standard Prettier, ensuring consistent code style across entire teams. By automating the setup of Husky and pre-commit hooks, this skill prevents unformatted code from entering the repository, significantly reducing code review friction and maintaining long-term project health with minimal manual effort.

Key Features

01Industry-standard Prettier setup for established ecosystems

02Git pre-commit hook integration via Husky for automated enforcement

03Standardized core rules including indentation, line width, and quote styles

04Automated Biome configuration for high-performance formatting and linting

05Smart selection logic that respects existing project configurations

060 GitHub stars

Use Cases

01Initializing a new frontend project with consistent formatting rules

02Migrating from Prettier to Biome for faster build and linting speeds

03Setting up Husky to prevent unformatted code commits in team environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add doublewater777/futures-plugins-frontend code-format

For use in Claude.ai and ChatGPT

Key Features

01Industry-standard Prettier setup for established ecosystems

02Git pre-commit hook integration via Husky for automated enforcement

03Standardized core rules including indentation, line width, and quote styles

04Automated Biome configuration for high-performance formatting and linting

05Smart selection logic that respects existing project configurations

060 GitHub stars

Use Cases

01Initializing a new frontend project with consistent formatting rules

02Migrating from Prettier to Biome for faster build and linting speeds

03Setting up Husky to prevent unformatted code commits in team environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add doublewater777/futures-plugins-frontend code-format

For use in Claude.ai and ChatGPT