skills.rest
anyeloamt
anyeloamtCOMMUNITY
Explore all skills by this author →
Website𝕏@anyeloamtGitHub

implement

Implement React/TypeScript PWA features following feature-based architecture and SOLID principles.

Updated Feb 14, 2026
Search Tags:#typescript#react#implementation#pwa#solid principles#feature-based architecture
One-click install
npx skills add https://github.com/anyeloamt/cuentica --skill implement-anyeloamt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: implement
Source: https://github.com/anyeloamt/cuentica/tree/main/.claude/skills/implement
Command: npx skills add https://github.com/anyeloamt/cuentica --skill implement-anyeloamt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of implementing new features and utilities in a React/TypeScript PWA, ensuring adherence to best practices and architectural guidelines.

Core Features & Use Cases

  • Feature Implementation: Develop new components, hooks, and library functions following a strict feature-based architecture.
  • Code Quality: Enforce SOLID principles and maintain type safety throughout the codebase.
  • Use Case: When tasked with adding a new user authentication flow, use this Skill to create the necessary components, hooks for state management, and utility functions for API calls, all while adhering to the project's architectural patterns.

Quick Start

Use the implement skill to create a new React hook for fetching user data.

Frequently Asked Questions about implement

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

FAQPage Schema
How do I implement React features while maintaining feature-based architecture?▼

To implement React features with feature-based architecture, this Skill guides development from discovery to validation, ensuring components, hooks, and utilities strictly follow SOLID principles and type safety.

What is the best way to structure a new TypeScript PWA feature?▼

The best way to structure a TypeScript PWA feature is through incremental implementation. This Skill manages the lifecycle, creating state management hooks and API utilities while enforcing architectural guidelines.

How do I add a user authentication flow to a React PWA?▼

Adding a React authentication flow involves creating components, state hooks, and API utilities. This Skill streamlines the process, ensuring new authentication features adhere to SOLID principles and code quality standards.

Does this approach enforce SOLID principles and type safety in TypeScript?▼

Yes, enforcing SOLID principles and type safety is a core focus. The Skill ensures code quality throughout the React/TypeScript codebase during the implementation of new components and library functions.

Can I use this workflow to build React hooks for fetching user data?▼

Yes, you can use this workflow to build React hooks for fetching user data. The Skill provides a structured development lifecycle, ensuring data fetching utilities maintain feature-based architecture and type safety.

Related Skills

Explore More Software Engineering Skills→
tkmh04tkmh04

typescript

Establish TypeScript coding, architecture, testing, and tooling standards.

Community
Advanced
citypaulcitypaul
710

react-testing

Validate React components, hooks, and context with React Testing Library.

Community
Intermediate
SlanyCukrSlanyCukr
2

TanStack Query v5

Manage React server state with data fetching, caching, and background updates.

Community
Advanced
Ditto190Ditto190

component-gen

Generate React component scaffolds with props, tests, and docs from templates.

Community
Basic