Habilidades frontend-developer
📦

frontend-developer

Revisión del contenido r2 Riesgo medio ⚙️ Comandos externos🌐 Acceso a red📁 Acceso al sistema de archivos

Build and Improve Frontend Applications

Frontend projects require coordinated setup, components, data flow, testing, and optimization. This skill provides practical workflows and templates for completing that work.

Compatible con: Claude Codex Code(CC)
📊 69 Adecuado

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 "frontend-developer" from https://skillstore.io/skills/zl2023github-frontend-developer.md and its manifest at https://skillstore.io/api/skills/zl2023github-frontend-developer/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/zl2023github-frontend-developer.md Manifest firmado GET /api/skills/zl2023github-frontend-developer/manifest Lockfile firmado GET /api/skills/zl2023github-frontend-developer/lockfile

Pruébalo

Usando "frontend-developer". Build a responsive account settings page in React.

Resultado esperado:

A typed page structure with reusable form controls, responsive states, validation behavior, accessibility details, and focused component tests.

Usando "frontend-developer". Connect a Vue user list to a REST endpoint.

Resultado esperado:

A typed service layer and list view with caching, loading feedback, empty results, request errors, and refresh behavior.

Usando "frontend-developer". Reduce slow dashboard rendering.

Resultado esperado:

A measured diagnosis covering rerenders, bundle weight, network activity, and images, followed by focused changes and repeatable verification results.

Auditoría de seguridad

Riesgo medio
v4 • 23/7/2026 Abrir el informe versionado

Most static alerts mistake Markdown fences, inline identifiers, and TypeScript template literals for shell execution. The network, path, and environment examples are normal frontend patterns. One semantic issue remains: the authentication examples persist bearer tokens in browser storage, where injected scripts could read them.

1
Archivos escaneados
558
Líneas analizadas
0
Elementos de revisión
0
Falsos positivos ignorados

Preocupaciones de seguridad confirmadas (1)

Medio
SKILL.md:354-359SKILL.md:392-408
Insecure Browser Token Persistence
The examples read a bearer token from localStorage and persist the authentication token through Zustand. A successful XSS attack could extract the token.
The code directly reads localStorage for an Authorization header and configures Zustand persistence for the token. Browser scripts can access this storage.

Factores de riesgo

⚙️ Comandos externos (29)
SKILL.md:98-142 SKILL.md:142-189 SKILL.md:189-224 SKILL.md:224-257 SKILL.md:257-285 SKILL.md:285-315 SKILL.md:315-340 SKILL.md:340-344 SKILL.md:344-358 SKILL.md:358-375 SKILL.md:375-379 SKILL.md:379-411 SKILL.md:411-415 SKILL.md:415-431 SKILL.md:431-445 SKILL.md:445-449 SKILL.md:449-480 SKILL.md:480-485 SKILL.md:485-497 SKILL.md:497-500 SKILL.md:500-525 SKILL.md:525-551 SKILL.md:551-552 SKILL.md:552-553 SKILL.md:553-554 SKILL.md:554-555 SKILL.md:555-556 SKILL.md:556-557 SKILL.md:557
🌐 Acceso a red (5)
SKILL.md:176 SKILL.md:236 SKILL.md:346 SKILL.md:348 SKILL.md:510
📁 Acceso al sistema de archivos (3)
SKILL.md:453 SKILL.md:557 SKILL.md:557
Auditado por: codex 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
Evaluación de seguridad

Copiar enlace del informe

https://skillstore.io/skills/zl2023github-frontend-developer/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

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

Insignia HTML

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

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/zl2023github-frontend-developer.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

zl2023github. (2026). frontend-developer security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zl2023github-frontend-developer/audits/4

Cita BibTeX

@techreport{zl2023github-zl2023github-frontend-developer-2026, author = {zl2023github}, title = {frontend-developer security audit report (audit version 4)}, institution = {Skillstore}, year = {2026}, number = {4}, url = {https://skillstore.io/skills/zl2023github-frontend-developer/audits/4}, 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: "frontend-developer security audit report (audit version 4)" version: "unspecified" type: report authors: - name: "zl2023github" date-released: "2026-07-23" url: "https://skillstore.io/skills/zl2023github-frontend-developer/audits/4" identifiers: - type: other value: "skillstore:zl2023github-frontend-developer:audit:4" 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
sickn33 Recomendado

sickn33-frontend-developer

Puntuación de Skillstore 78
Confianza de la evidencia Alto
Uso en Skillstore 17
Actualizado

2026-09-09

zl2023github Actual

zl2023github-frontend-developer

Puntuación de Skillstore 69
Confianza de la evidencia Medio
Uso en Skillstore 5
Actualizado

2026-09-09

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio
55
Arquitectura
85
Mantenibilidad
87
Contenido
65
Comunidad
78
Cumplimiento de la especificación

Lo que puedes crear

Launch a Product Interface

Create a typed frontend foundation, responsive pages, state management, API integration, and tests from an approved product specification.

Expand a Component Library

Implement reusable components with documented properties, interaction states, responsive behavior, accessibility support, and focused tests.

Complete Full-Stack Features

Connect existing backend endpoints to frontend views with typed models, loading states, error handling, caching, and validation.

Prueba estos prompts

Create a Responsive Component 
Create a responsive [component] in [framework]. Define typed properties and include loading, empty, error, disabled, and mobile states.
Integrate an API 
Connect [page or component] to [API endpoint]. Add typed request models, caching, loading feedback, error handling, and focused tests.
Diagnose a Frontend Defect 
Investigate [bug and reproduction steps] in this repository. Identify the root cause, implement a focused fix, and add regression coverage.
Deliver a Production Feature 
Implement [feature] using the existing architecture. Verify responsiveness, accessibility, security, performance, type safety, tests, linting, and the production build.

Mejores prácticas

  • Provide the repository structure, framework versions, design constraints, and acceptance criteria before implementation.
  • Review proposed dependencies and commands before execution, especially packages fetched from external registries.
  • Require tests, linting, type checks, and a production build before accepting changes.

Evitar

  • Do not request broad rewrites when a focused component or configuration change solves the problem.
  • Do not expose credentials in frontend variables, browser storage, source code, or generated examples.
  • Do not accept visual implementation without responsive, accessibility, loading, empty, and error-state checks.

Preguntas frecuentes

Which frontend frameworks does this skill cover?
It covers React, Vue, Angular, Next.js, Nuxt, and common TypeScript tooling.
Can it start a new frontend project?
Yes. It provides workflows for scaffolding, dependencies, TypeScript, linting, formatting, routing, state management, and build verification.
Can it work in an existing repository?
Yes. Provide the repository, relevant files, framework versions, constraints, and acceptance criteria.
Does it include testing support?
Yes. It covers unit, component, and end-to-end tests with common JavaScript testing tools.
Will it execute package installation commands?
It may propose or run project commands when tools permit. Review external packages and command effects before approval.
Does it guarantee secure authentication?
No. Authentication storage, cookies, CSRF defenses, XSS defenses, and backend controls require a project-specific security review.

Detalles del desarrollador

Licencia

MIT

Revisión de Skillstore

r2

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/zl2023github/software-engineer-skills/tree/main/software-engineering/frontend-developer

Ref.

88a8e9a07f4c54ab105c1c41b6267c287146b07b

Actualidad del mantenimiento

26/7/2026

Uso

2 descargas · 0 vistas

Estructura de archivos

📄 SKILL.md