skills.rest
chinomartinez
chinomartinezCOMMUNITY
Explore all skills by this author →
GitHub

frontend-development

Discover and organize modular frontend capabilities for React-based SmartPocket apps.

Updated Feb 25, 2026
Search Tags:#testing#architecture#frontend#react#routing#forms#data-fetching
One-click install
npx skills add https://github.com/chinomartinez/SmartPocket --skill frontend-development-chinomartinez
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-development
Source: https://github.com/chinomartinez/SmartPocket/tree/main/.agents/skills/frontend-development
Command: npx skills add https://github.com/chinomartinez/SmartPocket --skill frontend-development-chinomartinez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Discover and orchestrate modular frontend capabilities for SmartPocket.

Core Features & Use Cases

  • Central catalog of specialized frontend skills (frontend-data-fetching, frontend-forms, frontend-error-handling, frontend-component-architecture, frontend-routing, frontend-testing, frontend-financial-display)
  • Clear runtime and stack guidance (React 19.x, TypeScript, Tailwind CSS, TanStack Query, Axios, Zustand)
  • Quick access to recommended patterns and usage examples to accelerate UI development

Quick Start

Ask for the specific frontend skill you need and follow its usage guidelines to implement your task.

Frequently Asked Questions about frontend-development

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

FAQPage Schema
How do I organize frontend capabilities for a React dashboard?▼

You organize frontend capabilities for a React dashboard by accessing a central catalog of modular skills. This provides clear runtime guidance and standardized patterns for data fetching, forms, routing, and architectural structures.

Does this frontend architecture work with React 19 and TypeScript strict mode?▼

Yes, this frontend architecture explicitly aligns with React 19.x and TypeScript strict mode. It provides standardized usage guidelines and pattern recommendations that fit directly into this specific runtime environment.

What is the best way to structure data fetching and forms in a React app?▼

The best way to structure data fetching and forms is by applying modular frontend skills tailored for React. This approach leverages standardized documentation and recommended patterns to accelerate UI development and maintain architectural consistency.

How do I implement routing and testing patterns for React applications?▼

Implement routing and testing patterns by requesting the specific frontend skill you need from the catalog. You then follow its standardized usage guidelines to apply the correct architectural and testing patterns for your application.

Can I use TanStack Query and Tailwind CSS with these frontend patterns?▼

Yes, you can use TanStack Query and Tailwind CSS with these frontend patterns. The modular skills are designed to align with this specific stack, ensuring your runtime requirements and visual architectures integrate smoothly.

Related Skills

Explore More Software Engineering Skills→
M4RC0SxM4RC0Sx

nextjs-init

Configure Next.js 16 App Router projects with strict TypeScript, ESLint, Prettier, and Tailwind.

Community
Advanced
dmm-comdmm-com
29

pagoda-frontend-core

Standardize Pagoda frontend development with React, TypeScript, and MUI patterns.

Official
Advanced
Canhada-LabsCanhada-Labs
2

Fintech Frontend Data Layer & Real-Time

Manage frontend data layers for fintech applications with real-time market data handling.

Official
Advanced
vecearvecear

component-scaffold-generator

Generate React or Vue component skeletons with TypeScript types, tests, and Storybook stories.

Community
Advanced