Desarrollo

react

Enables agents to diagnose, design, implement, and verify React and Vite applications, including component architecture, state flow, accessible responsive UI, routing, hooks, and build issues.

★ 88 GitHub Stars
94 Puntuación de calidad
7 Archivos

Sobre esta Skill

Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the project's tests. Use when a task explicitly involves React, JSX/TSX, React hooks, React Router, Vite React configuration, or React build failures. Do not use for framework-agnostic frontend strategy (route to frontend-engineering), browser automation (route to playwright), accessibility policy or audits (route to web-accessibility), or non-React mobile apps (route to mobile-development).

Casos de uso

  • Diagnosing React and Vite projects
  • Designing component boundaries and state ownership
  • Implementing responsive accessible React UI
  • Handling hooks, effects, and async state
  • Running project tests and production builds

Funciones

  • Read-only React/Vite diagnostic script
  • Component and state architecture guidance
  • React hooks and async UI rules
  • Vite environment and build diagnostics
  • Layered verification guidance

Requisitos

  • Python 3.8+
  • Node.js

Agents compatibles

No especificado

Archivos de Skill

Skills relacionadas

electronics

Guides agents in designing, reviewing, prototyping, measuring, and troubleshooting electronic circuits using component evidence, worst-case analysis, interface contracts, and stag…

magnus919/agent-skills ★ 88
electronics circuit design analog digital

supabase

Guides agents in developing, testing, deploying, and administering managed or self-hosted Supabase projects, including migrations, RLS, client types, services, backups, upgrades, …

magnus919/agent-skills ★ 88
supabase postgres database migrations row-level security

langgraph

Helps design, implement, evaluate, debug, and deploy stateful multi-agent workflows with LangGraph, including supervisor, swarm, hierarchical, persistence, subgraph, and human-in-…

magnus919/agent-skills ★ 88
langgraph multi-agent agent orchestration stateful workflows

digital-twin

Guides agents in designing, evaluating, governing, operating, evolving, and retiring digital twins and federated twin universes with synchronization, simulation, authority, and li…

magnus919/agent-skills ★ 88
digital twins digital thread simulation predictive maintenance

migration-engineering

Guides agents through safe cross-system migrations involving data, schemas, interfaces, infrastructure, and service ownership, using compatibility windows, dual-running, reconcili…

magnus919/agent-skills ★ 88
migration data migration schema migration api migration

software-architecture

Guides system-level architecture decisions from business drivers through boundaries, tradeoffs, runtime behavior, evolution, evidence, and architecture reviews.

magnus919/agent-skills ★ 88
software architecture architecture design distributed systems modularity

hugo-theme

Helps agents build, customize, and debug Hugo themes, including templates, asset pipelines, shortcodes, render hooks, content organization, performance, SEO, accessibility, and CI…

magnus919/agent-skills ★ 88
hugo themes templates asset pipeline

multi-tenant-saas-architecture

Guides agents in designing and reviewing multi-tenant SaaS architectures, covering tenant semantics, system planes, isolation choices, onboarding, entitlements, billing handoffs, …

magnus919/agent-skills ★ 88
multi-tenant saas control-plane application-plane