Crear componentes React con seguridad de tipos
El trabajo con React TypeScript suele necesitar tipos precisos para eventos, hooks y rutas. Esta skill proporciona patrones enfocados para componentes tipados, APIs de React 19 y enrutamiento.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "react-dev" from https://skillstore.io/skills/softaworks-react-dev.md and its manifest at https://skillstore.io/api/skills/softaworks-react-dev/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "react-dev". Necesito un componente de campo de formulario tipado para inputs de texto y número.
Resultado esperado:
La skill sugeriría extender las props nativas de input, un modelo de valor tipado, manejadores de cambio precisos e identificadores de error accesibles.
Usando "react-dev". Estoy moviendo un componente de React 18 a React 19.
Resultado esperado:
La skill identificaría el uso obsoleto de forwardRef o useFormState y propondría patrones de ref como prop y useActionState.
Usando "react-dev". Necesito parámetros de ruta y parámetros de búsqueda tipados.
Resultado esperado:
La skill describiría patrones de TanStack Router o React Router para parámetros validados, datos de loader y navegación.
All 132 static findings were reviewed against the Markdown-only skill content. They are false positives caused by fenced code blocks, TypeScript template literals, React key and event terminology, normal fetch and dynamic import examples, server-only environment access examples, and generated router paths. No prompt injection, executable malware behavior, or malicious semantic intent was found.
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
https://skillstore.io/skills/softaworks-react-dev/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/softaworks-react-dev?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/softaworks-react-dev?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/softaworks-react-dev/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/softaworks-react-dev.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>softaworks. (2026). react-dev security audit report (audit version 6) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/softaworks-react-dev/audits/6@techreport{softaworks-softaworks-react-dev-2026,
author = {softaworks},
title = {react-dev security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/softaworks-react-dev/audits/6},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-dev security audit report (audit version 6)"
version: "1.0.0"
type: report
authors:
- name: "softaworks"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/softaworks-react-dev/audits/6"
identifiers:
- type: other
value: "skillstore:softaworks-react-dev:audit:6"
description: "Skillstore immutable audit report identifier"
Crea componentes React reutilizables con tipos precisos para props, children, refs y variantes.
Usa ref como prop, useActionState, use(), Server Components y acciones de servidor con TypeScript.
Aplica patrones con seguridad de tipos para parámetros de ruta, datos de loader, parámetros de búsqueda y navegación.
Ayúdame a tipar un componente React con TypeScript. Debe extender las props nativas de button y admitir variantes primary y secondary.
Revisa mis manejadores de formularios React y sustituye los tipos de evento amplios por tipos de evento TypeScript precisos para inputs, submit y acciones de teclado.
Diseña un componente de tabla React genérico que infiera las claves de columna a partir del tipo de datos y admita funciones de renderizado personalizadas.
Ayuda a migrar esta funcionalidad de React TypeScript a React 19 con Server Components, useActionState y datos de loader de router con seguridad de tipos.
Autor
softaworksLicencia
MIT
Versión del autor
v1.0.0
Revisión de Skillstore
r1
Ref.
3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
Actualidad del mantenimiento
18/7/2026
Uso
8 descargas · 523 vistas
Estructura de archivos
Generar memes con Memegen
Los equipos a menudo necesitan humor visual rápido sin abrir herramientas de diseño. Esta skill crea URL de memes, incrustaciones en Markdown y formatos de memes de texto a partir de un prompt.
Humaniza borradores de IA con edición natural
Los borradores de IA suelen sonar pulidos pero genéricos. Esta skill encuentra patrones comunes de escritura de IA y reescribe el texto con una redacción más clara y natural.
Diseñar esquemas de bases de datos de producción
Los equipos necesitan esquemas que preserven la integridad de los datos y sigan siendo rápidos a medida que los productos crecen. Esta skill convierte requisitos de dominio en diseños SQL o MongoDB con índices, restricciones y orientación para migraciones.
Reducir la entropía de la base de código
Las bases de código crecen porque cada cambio suele añadir más estructura de la que elimina. Esta habilidad proporciona a Claude, Codex y Claude Code un método de revisión que prioriza la eliminación para obtener diseños finales más pequeños.
Crear diagramas Mermaid para documentación de software
Los equipos a menudo necesitan diagramas claros que se mantengan cerca del código y la documentación. Esta skill guía a Claude, Codex y Claude Code a través de la sintaxis de Mermaid para crear modelos visuales mantenibles.
Escribe prosa clara y concisa
Los borradores asistidos por IA a menudo se vuelven vagos, rellenos o promocionales. Esta habilidad aplica reglas basadas en Strunk y comprobaciones de patrones de IA para hacer que la prosa sea directa.
Desarrolla funcionalidades frontend listas para producción
por davila7
Los equipos de frontend necesitan directrices coherentes sobre React y Next.js en todos sus proyectos. Esta habilidad proporciona flujos de trabajo de referencia, prácticas de calidad y scripts auxiliares para el análisis del frontend.
Construye aplicaciones modernas con React y Next.js
por sickn33
Los proyectos de React y Next.js suelen necesitar decisiones de configuración coherentes en enrutamiento, componentes, estilos, datos, formularios, pruebas y despliegue. Esta skill proporciona a Claude, Codex y Claude Code un flujo de trabajo por fases para planificar y construir aplicaciones frontend modernas.
Mejorar la cobertura de pruebas de Playwright
por C0ntr0lledCha0s
Las suites de Playwright pueden volverse inestables cuando la configuración, los localizadores y las fixtures son incoherentes. Esta skill ofrece patrones prácticos para pruebas de navegador fiables, depuración y objetos de página reutilizables.
Crea aplicaciones de Starknet con starknet.js
por internet-court
Las integraciones con Starknet requieren un manejo preciso de proveedores, cuentas, transacciones y comisiones. Esta skill proporciona a Claude, Codex y Claude Code patrones prácticos de starknet.js v9.
Mejorar la calidad del código Vue 3
por vuejs-ai
Los proyectos Vue suelen acumular errores de reactividad, componentes y rendimiento con el tiempo. Esta skill ofrece orientación específica de Vue 3 para patrones más seguros y código más claro.
Crea aplicaciones fullstack con orientación sénior
por alirezarezvani
Los proyectos fullstack suelen necesitar una configuración coherente, decisiones de arquitectura y controles de calidad. Esta skill proporciona scripts y referencias para trabajos con React, Next.js, Node.js, GraphQL y PostgreSQL.