coding-guidelines

Define TypeScript and React development standards for MetaMask projects.

Updated Apr 10, 2026
One-click install
npx skills add https://github.com/abretonc7s/metamask-skills --skill coding-guidelines-abretonc7s
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-guidelines
Source: https://github.com/abretonc7s/metamask-skills/tree/main/domains/coding/skills/coding-guidelines
Command: npx skills add https://github.com/abretonc7s/metamask-skills --skill coding-guidelines-abretonc7s

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Developers struggle with inconsistent coding standards and inefficient workflows that hinder collaboration and code quality.

Core Features & Use Cases

  • Establishes clear TypeScript and React best practices for scalable and maintainable codebases.
  • Provides detailed guidelines on project structure, naming conventions, and code reusability strategies.
  • Use Case: A team adopting new development standards can reference this Skill to align their React components, enhance code readability, and ensure testing coverage for MetaMask extensions and mobile apps.

Quick Start

Consult the coding guidelines to improve your project's type safety, component organization, and coding style consistency.

Frequently Asked Questions about coding-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for structuring a React and TypeScript project?

Best practices for React and TypeScript project structure involve establishing clear file organization, naming conventions, and code reusability strategies to ensure scalable and maintainable codebases.

How do I improve TypeScript type safety and code quality in my web extension project?

You can improve TypeScript type safety and code quality by adopting comprehensive development standards that define strict typing rules, component organization, and consistent coding style across different environments.

Can I use these coding standards for both MetaMask extensions and mobile apps?

Yes, these coding standards are designed to improve code quality, maintainability, and team collaboration across different development environments, including both MetaMask extensions and mobile applications.

How do I establish consistent testing procedures and coverage for React components?

Establish consistent testing procedures for React components by referencing detailed guidelines that outline testing standards and coverage requirements to align your team's development workflow.

Why do my development teams struggle with inconsistent coding standards and inefficient workflows?

Teams struggle with inconsistent coding standards and inefficient workflows due to a lack of comprehensive guidelines covering TypeScript, React, file organization, and testing procedures, which hinders collaboration and code quality.