skills.rest
AngelP17
AngelP17COMMUNITY
Explore all skills by this author →
WebsiteGitHub

1k-coding-patterns

Review React components and TypeScript code against OneKey coding patterns.

1|Updated Jan 29, 2026
Search Tags:#typescript#linting#react#promises#best-practices#coding-patterns
One-click install
npx skills add https://github.com/AngelP17/factoryops-console --skill 1k-coding-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: 1k-coding-patterns
Source: https://github.com/AngelP17/factoryops-console/tree/main/factoryops-console/.agent/skills/1k-coding-patterns
Command: npx skills add https://github.com/AngelP17/factoryops-console --skill 1k-coding-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides reusable, best-practice coding patterns to improve reliability and consistency across OneKey projects.

Core Features & Use Cases

  • Promote test-driven development mindset with small, atomic functions that are easy to reuse.
  • Enforce proper promise handling, error management, and React hook usage in front-end code.
  • Provide clear TypeScript conventions and coding standards for OneKey components and utilities.

Quick Start

Ask to review a React component or module and verify compliance with the coding-patterns guidelines; provide a pass/fail assessment and concrete improvements.

Frequently Asked Questions about 1k-coding-patterns

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

FAQPage Schema
How do I enforce proper promise handling in TypeScript React code?▼

Proper promise handling means awaiting all async operations and managing errors explicitly. This Skill verifies that promises are awaited in your React components and utilities, preventing race conditions and unhandled rejections that cause unreliable behavior.

What coding patterns should I follow for React components?▼

React coding patterns cover correct import usage, proper hook application, component structure, and adherence to lint rules specific to OneKey projects. This Skill reviews your components against these standards and flags violations with concrete fixes.

How can I improve code consistency across TypeScript projects?▼

Consistent TypeScript conventions reduce bugs and maintenance overhead. This Skill provides reusable best practices for error management, type usage, and coding standards that teams can apply uniformly across OneKey components and utilities.

Can I use this for reviewing existing React modules?▼

Yes. Submit a React component or module and receive a pass/fail assessment against coding-pattern guidelines, plus specific recommendations for improving promise handling, error management, React imports, and lint compliance.

What happens if my code doesn't follow these patterns?▼

Non-compliant code risks runtime errors, inconsistent behavior, and maintenance friction. This Skill identifies violations—unawaited promises, incorrect React imports, disallowed patterns—and explains corrections to bring code into alignment.

Do I need special setup to use coding-pattern guidelines?▼

No prerequisites or external dependencies are required. The Skill works with standard TypeScript and React projects, applying best-practice patterns and lint rules directly to your existing codebase.

Related Skills

Explore More Software Engineering Skills→
JylhisJylhis
1

typescript-linting

Automate TypeScript linting setup with ESLint 9 flat config.

Community
Intermediate
ROLLED740ROLLED740
1

django-verification

Automates Django project verification including migrations, linting, tests with coverage, security scans, and deployment checks.

Community
Advanced
icyJosephicyJoseph
3

js-ts-performance-readability

Generate and review JavaScript/TypeScript code with explicit types and efficient data structures.

Community
Intermediate
oioio-spaceoioio-space

go-style-guide

Enforce Google's Go style guides with golangci-lint and gofmt.

Community
Advanced