Revisar cambios del frontend de Dify
Las revisiones de frontend suelen pasar por alto problemas de accesibilidad, límites de datos y propiedad de componentes. Esta skill ofrece a Claude y Codex una lista de verificación enfocada para revisiones de código de Dify en React y Next.js.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "frontend-code-review" from https://skillstore.io/skills/langgenius-frontend-code-review.md and its manifest at https://skillstore.io/api/skills/langgenius-frontend-code-review/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 "frontend-code-review". Revisa los cambios pendientes en un diálogo de configuración.
Resultado esperado:
Usando "frontend-code-review". Revisa una refactorización de componente sin problemas encontrados.
Resultado esperado:
No se encontraron problemas. La respuesta también indica qué pruebas no se ejecutaron y cualquier límite residual de la revisión.
Usando "frontend-code-review". Audita un formulario que usa controles personalizados.
Resultado esperado:
All static findings are false positives from Markdown formatting, repository path references, a public guideline URL, and frontend review prose. No evidence found of executable command use, covert network behavior, prompt injection, or malicious intent in the reviewed files.
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/langgenius-frontend-code-review/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/langgenius-frontend-code-review?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/langgenius-frontend-code-review?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/langgenius-frontend-code-review/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/langgenius-frontend-code-review.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>langgenius. (2026). frontend-code-review security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/langgenius-frontend-code-review/audits/6@techreport{langgenius-langgenius-frontend-code-review-2026,
author = {langgenius},
title = {frontend-code-review security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/langgenius-frontend-code-review/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-code-review security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "langgenius"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/langgenius-frontend-code-review/audits/6"
identifiers:
- type: other
value: "skillstore:langgenius-frontend-code-review:audit:6"
description: "Skillstore immutable audit report identifier"
Comprobar archivos React y Next.js modificados en busca de regresiones visibles para el usuario, problemas de accesibilidad y brechas de pruebas.
Verificar que la propiedad de componentes, el uso de primitivas, el comportamiento del foco y los contratos de interacción sigan siendo correctos.
Revisar query keys, mutaciones, límites de SSR, estado de URL y suposiciones de workspace o autenticación antes del lanzamiento.
Usa la skill frontend-code-review para revisar mis cambios de frontend pendientes de Dify. Enfócate en la corrección, la accesibilidad y correcciones claras.
Usa la skill frontend-code-review para revisar web/path/to/component.tsx. Comprueba la propiedad del componente, el uso de Dify UI, la accesibilidad y la cobertura de pruebas.
Usa la skill frontend-code-review para auditar este diálogo o flujo de formulario. Verifica etiquetas, comportamiento del foco, acceso con teclado, estados deshabilitados y accesibilidad de ventanas emergentes.
Usa la skill frontend-code-review para una revisión exhaustiva bloqueante para el lanzamiento. Prioriza problemas P0 y P1 en contratos de datos, comportamiento de SSR, accesibilidad, rendimiento y pruebas.
Autor
langgeniusLicencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Ref.
1ffa7643651792ccb4bd3b15d924d2c97edff755
Actualidad del mantenimiento
24/7/2026
Uso
103 descargas · 212 vistas
Estructura de archivos
Optimizar el rendimiento de React y Next.js
por vercel-labs
Las apps de React y Next.js a menudo pierden velocidad por waterfalls, bundles grandes y re-renderizados evitables. Esta skill ofrece a los agentes reglas concretas para realizar cambios más seguros centrados en el rendimiento.
Implementar transiciones de vista en React
por vercel-labs
Las transiciones de vista en React son fáciles de colocar incorrectamente, lo que provoca animaciones silenciosas o ruidosas. Esta skill guía las decisiones de animación de rutas, Suspense, listas y elementos compartidos.
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.
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.
Revisar código con controles de calidad estructurados
por alirezarezvani
Las revisiones de código pueden pasar por alto problemas de calidad, seguridad y mantenibilidad. Esta skill guía revisiones estructuradas con scripts, listas de comprobación y generación de informes.
Crea mejores funcionalidades con SwiftUI
por avdlee
Los proyectos de SwiftUI pueden acumular API obsoletas, estado frágil y actualizaciones de vista lentas. Esta habilidad ofrece orientación enfocada para escribir código SwiftUI moderno y mantenible.