Навыки frontend-developer

📦

frontend-developer

Name: frontend-developer
Author: zl2023github

Ревизия содержимого r2 Средний риск ⚙️ Внешние команды🌐 Доступ к сети📁 Доступ к файловой системе

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.

Поддерживает: Claude Codex Code(CC)

📊 69 Адекватно

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

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.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/zl2023github-frontend-developer.md Подписанный manifest GET /api/skills/zl2023github-frontend-developer/manifest Подписанный lockfile GET /api/skills/zl2023github-frontend-developer/lockfile

Протестировать

Использование «frontend-developer». Build a responsive account settings page in React.

Ожидаемый результат:

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

Использование «frontend-developer». Connect a Vue user list to a REST endpoint.

Ожидаемый результат:

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

Использование «frontend-developer». Reduce slow dashboard rendering.

Ожидаемый результат:

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

Аудит безопасности

Средний риск

v4 • 23.07.2026 Открыть версионный отчет

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.

Просканировано файлов

558

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Подтверждённые проблемы безопасности (1)

Средний

SKILL.md:354-359 SKILL.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.

Факторы риска

⚙️ Внешние команды (29)

🌐 Доступ к сети (5)

SKILL.md:176 SKILL.md:236 SKILL.md:346 SKILL.md:348 SKILL.md:510

📁 Доступ к файловой системе (3)

SKILL.md:453 SKILL.md:557 SKILL.md:557

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

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

Значок 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)

Значок 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>

Встраиваемая карточка

<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>

Академические ссылки (APA · BibTeX · CFF)

Цитата APA

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

Цитата 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"

Сравнить варианты

2 устанавливаемых вариантов

Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.

Почему этот вариант первый

Самая высокая оценка Skillstore

Автор / источник Оценка Skillstore Достоверность доказательств Использование в Skillstore Обновлено

sickn33 Рекомендуется

sickn33-frontend-developer

Оценка Skillstore 78

Достоверность доказательств Высокий

Использование в Skillstore 17

Обновлено

2026-09-09

zl2023github Текущий

zl2023github-frontend-developer

Оценка Skillstore 69

Достоверность доказательств Средний

Использование в Skillstore 5

Обновлено

2026-09-09

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Средний

Архитектура

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

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.

Попробуйте эти промпты

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.

Лучшие практики

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.

Избегать

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.

Часто задаваемые вопросы

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.

Сведения для разработчиков

Автор

zl2023github

Лицензия

MIT

Ревизия Skillstore

Примечание о версии

Автор не указал версию.

Репозиторий

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

Ссылка

88a8e9a07f4c54ab105c1c41b6267c287146b07b

Актуальность поддержки

26.07.2026

Использование

2 загрузок · 0 просмотров

Структура файлов

📄 SKILL.md