Habilidades senior-frontend

📦

senior-frontend

Name: senior-frontend
Author: davila7

Revisión del contenido r1 Seguro 📁 Acceso al sistema de archivos⚙️ Comandos externos

Desarrolla funcionalidades frontend listas para producción

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.

Compatible con: Claude Codex Code(CC)

🥈 81 Plata

Maintain this Skill? Claim it 🥈 81 Plata

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "senior-frontend" from https://skillstore.io/skills/davila7-senior-frontend.md and its manifest at https://skillstore.io/api/skills/davila7-senior-frontend/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.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/davila7-senior-frontend.md Manifest firmado GET /api/skills/davila7-senior-frontend/manifest Lockfile firmado GET /api/skills/davila7-senior-frontend/lockfile

Pruébalo

Usando "senior-frontend". Revisa este componente de panel de React para evaluar su mantenibilidad.

Resultado esperado:

Una revisión priorizada que abarca los límites de los componentes, el estado repetido, las deficiencias de accesibilidad y los pasos específicos de refactorización.

Usando "senior-frontend". Analiza esta ruta de Next.js en busca de problemas de rendimiento.

Resultado esperado:

Un informe conciso de rendimiento con aspectos relacionados con el renderizado, oportunidades de almacenamiento en caché, observaciones sobre recursos y pasos de medición.

Usando "senior-frontend". Ayúdame a definir reglas de frontend para un nuevo proyecto de equipo.

Resultado esperado:

Una lista de comprobación para el equipo que abarca la estructura, la nomenclatura, la propiedad del estado, los fundamentos de seguridad, las pruebas y las expectativas de revisión.

Auditoría de seguridad

Seguro

v13 • 9/7/2026 Abrir el informe versionado

All static findings were adjudicated as false positives. The skill contains local documentation, sample developer commands, and simple scripts that write user-requested JSON output, with no evidence of prompt injection, credential exfiltration, or hidden command execution.

Archivos escaneados

867

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: claude Ver historial de auditorías →

Compartir y citar este informe

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.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/davila7-senior-frontend/audits/13?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/davila7-senior-frontend/security.svg)](https://skillstore.io/skills/davila7-senior-frontend?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/davila7-senior-frontend?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/davila7-senior-frontend/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/davila7-senior-frontend.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

davila7. (2026). senior-frontend security audit report (audit version 13) [Author version unspecified]. Skillstore. https://skillstore.io/skills/davila7-senior-frontend/audits/13

Cita BibTeX

@techreport{davila7-davila7-senior-frontend-2026,
  author = {davila7},
  title = {senior-frontend security audit report (audit version 13)},
  institution = {Skillstore},
  year = {2026},
  number = {13},
  url = {https://skillstore.io/skills/davila7-senior-frontend/audits/13},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "senior-frontend security audit report (audit version 13)"
version: "unspecified"
type: report
authors:
  - name: "davila7"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/davila7-senior-frontend/audits/13"
identifiers:
  - type: other
    value: "skillstore:davila7-senior-frontend:audit:13"
    description: "Skillstore immutable audit report identifier"

Comparar variantes

2 variantes instalables

Cada autor sigue siendo un skill instalable independiente. La variante recomendada se ordena según la evidencia de Skillstore.

Por qué esta variante es la primera

Mayor puntuación de Skillstore

Autor / fuente Puntuación de Skillstore Confianza de la evidencia Uso en Skillstore Actualizado

davila7 Recomendado Actual

davila7-senior-frontend

Puntuación de Skillstore 81

Confianza de la evidencia Alto

Uso en Skillstore 26

Actualizado

2026-09-09

alirezarezvani

alirezarezvani-senior-frontend

Puntuación de Skillstore 38

Confianza de la evidencia Medio

Uso en Skillstore 43

Actualizado

2026-10-23

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Planificar una funcionalidad frontend

Utiliza las referencias para elegir la estructura de React, los límites del estado y las comprobaciones de calidad antes de la implementación.

Revisar el rendimiento de una aplicación web

Ejecuta la herramienta auxiliar de análisis y utiliza la guía de optimización para organizar el trabajo de seguimiento.

Estandarizar las prácticas del equipo

Convierte las directrices incluidas sobre calidad, seguridad y mantenibilidad en convenciones compartidas para los proyectos.

Prueba estos prompts

Revisar un plan de componentes

Utiliza esta habilidad para revisar mi plan de componentes de React. Identifica problemas de estructura, estados faltantes, necesidades de accesibilidad y mejoras sencillas.

Mejorar una página de Next.js

Utiliza esta habilidad para revisar esta página de Next.js en busca de mejoras de rendimiento, carga de datos, almacenamiento en caché y renderizado. Prioriza los cambios prácticos.

Crear estándares de frontend

Utiliza esta habilidad para redactar estándares de frontend para React, TypeScript, Tailwind CSS, pruebas y mantenibilidad. Mantén las reglas prácticas.

Auditar una arquitectura frontend

Utiliza esta habilidad para auditar una arquitectura frontend. Evalúa la gestión del estado, los límites de los componentes, el riesgo del paquete, las prácticas de seguridad y los pasos de migración.

Mejores prácticas

Revisa las directrices generadas teniendo en cuenta la versión real del framework y las restricciones del proyecto.
Solicita confirmación antes de ejecutar comandos de instalación, despliegue o escritura de archivos incluidos en la documentación.
Utiliza los scripts auxiliares para generar informes únicamente después de confirmar las rutas de destino y de salida.

Evitar

No trates los scripts con marcadores de posición como analizadores completos para producción.
No ejecutes automáticamente comandos de Docker, kubectl, npm o pip desde esta habilidad.
No copies archivos de entorno sobre una configuración local existente sin comprobarla primero.

Preguntas frecuentes

¿Esta habilidad genera componentes completos de React?

No. El script de componentes es una estructura genérica y no genera código de componentes listo para producción.

¿Puede optimizar automáticamente una aplicación de Next.js?

No. Proporciona directrices y una estructura para generar informes, pero los cambios requieren revisión humana e implementación.

¿Es compatible con Claude, Codex y Claude Code?

Sí. El informe indica compatibilidad con flujos de trabajo de Claude, Codex y Claude Code.

¿La habilidad accede a la red?

No se encontraron indicios de acceso a la red en los archivos revisados.

¿Por qué los ejemplos de comandos suponen un riesgo?

Los comandos de instalación y despliegue pueden ejecutar código local del proyecto o afectar a la infraestructura si se ejecutan sin confirmación.

¿Deben los usuarios ejecutar directamente los scripts auxiliares?

Los usuarios deben inspeccionar primero las rutas de destino y de salida y, a continuación, ejecutar los scripts únicamente cuando comprendan su efecto.