Run any Skill in Manus with one click

frontend-coding-guidelines

Stars10

Forks0

UpdatedMay 18, 2026 at 10:25

Frontend coding conventions and review checklist for React/TypeScript projects. Use when implementing, reviewing, or refactoring frontend code to enforce project standards.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

ThaddeusJiang

ThaddeusJiang/coding-skills

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

File Explorer

3 files

SKILL.md

readonly

name	frontend-coding-guidelines
description	Frontend coding conventions and review checklist for React/TypeScript projects. Use when implementing, reviewing, or refactoring frontend code to enforce project standards.
license	MIT
metadata	{"author":"tj","version":"1.0.0"}

Frontend Coding Guidelines

This skill provides a practical checklist for building and reviewing frontend code with consistent conventions.

When to Use

Use this skill when tasks include:

Writing or refactoring React/TypeScript frontend code
Reviewing UI code quality, consistency, and maintainability
Checking frontend testing practices and naming conventions
Enforcing CSS and accessibility-friendly patterns in implementation

How to Apply

Read and follow the full guideline document in references/frontend.md.
Use the checklist while coding, not only during final review.
Before finishing, verify no existing behavior is regressed.

References

Main guideline: references/frontend.md
Supporting asset: ../assets/2022-09-29-14-25-27.png

More from this repository

same repository

git-cz

ThaddeusJiang/coding-skills

Use git-cz or Commitizen to create semantic git commits and configure repositories for guided commit message generation. Use when the user asks to run `git cz`, `git-cz`, set up Commitizen, customize changelog.config.js, or produce non-interactive conventional commits.

2026-06-0710

github-actions

ThaddeusJiang/coding-skills

Enforce secure and reproducible GitHub Actions workflows by pinning every action to an immutable commit SHA with an explicit version comment.

2026-05-2810

docker-best-practices

ThaddeusJiang/coding-skills

Docker and Docker Compose best practices for reliable local/dev deployments and multi-arch image publishing. Use when writing or reviewing Dockerfiles, Compose files, or CI publish workflows.

2026-05-2510

elixir-best-practices

ThaddeusJiang/coding-skills

Elixir and Phoenix best practices for interactive development, debugging, testing, and routine code changes. Use when writing, reviewing, or troubleshooting Elixir application code, Mix tasks, Ecto code, or Phoenix features.

2026-05-2510

adr

ThaddeusJiang/coding-skills

Create, update, and review Architecture Decision Records using the MADR minimal template.

2026-05-2410

worktree

ThaddeusJiang/coding-skills

Prepare any git worktree by copying shared files from the main checkout using git common-dir metadata.

2026-05-2310

name	frontend-coding-guidelines
description	Frontend coding conventions and review checklist for React/TypeScript projects. Use when implementing, reviewing, or refactoring frontend code to enforce project standards.
license	MIT
metadata	{"author":"tj","version":"1.0.0"}

Frontend Coding Guidelines

This skill provides a practical checklist for building and reviewing frontend code with consistent conventions.

When to Use

Use this skill when tasks include:

Writing or refactoring React/TypeScript frontend code
Reviewing UI code quality, consistency, and maintainability
Checking frontend testing practices and naming conventions
Enforcing CSS and accessibility-friendly patterns in implementation

How to Apply

Read and follow the full guideline document in references/frontend.md.
Use the checklist while coding, not only during final review.
Before finishing, verify no existing behavior is regressed.

References

Main guideline: references/frontend.md
Supporting asset: ../assets/2022-09-29-14-25-27.png