Навыки frontend-dev-guidelines

📦

frontend-dev-guidelines

Name: frontend-dev-guidelines
Author: sickn33

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

Создавайте согласованные фронтенды на React

Фронтенд-команды часто расходятся в подходах к загрузке данных, маршрутизации, стилизации и паттернам TypeScript. Этот навык дает Claude, Codex и Claude Code конкретные рекомендации по React для предсказуемой реализации и ревью.

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

🥉 78 Бронза

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

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

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

Review the Skillstore skill "frontend-dev-guidelines" from https://skillstore.io/skills/sickn33-frontend-dev-guidelines.md and its manifest at https://skillstore.io/api/skills/sickn33-frontend-dev-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

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

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

Использование «frontend-dev-guidelines». Запросить новую страницу профиля клиента с загрузкой данных и действиями редактирования.

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

Структурированный план реализации, охватывающий route placement, feature folders, типизированные API methods, Suspense query hooks, component boundaries и варианты MUI layout.

Использование «frontend-dev-guidelines». Запросить ревью фронтенд pull request.

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

Отмечает ранние loading returns, которые следует перенести за Suspense boundaries.
Указывает на отсутствующие явные TypeScript return types и небезопасные import paths.
Предлагает lazy loading для тяжелых grids и dialogs.

Использование «frontend-dev-guidelines». Спросить, как организовать новую аналитическую фичу.

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

Feature-based структура с рекомендациями по API, components, hooks, helpers, types, public exports и route integration.

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

Безопасно

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

All 173 static findings are false positives caused by Markdown syntax and illustrative React or TypeScript code. The skill contains no executable scripts, shell commands, arbitrary file access, exfiltration endpoints, or prompt-injection instructions. No semantic security finding was identified.

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

5,461

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

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

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

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

⚡ Содержит скрипты (20)

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

resources/complete-examples.md:85-146 resources/complete-examples.md:192-207 resources/complete-examples.md:207-212 resources/complete-examples.md:212-215 resources/complete-examples.md:309-327 resources/data-fetching.md:227-237 resources/data-fetching.md:237-252 resources/data-fetching.md:252-262 resources/data-fetching.md:262-265 resources/data-fetching.md:406-408 resources/file-organization.md:137-145 resources/typescript-standards.md:72-81 resources/typescript-standards.md:81-83 SKILL.md:43-45 SKILL.md:45-47 SKILL.md:47-64 SKILL.md:64-65 SKILL.md:65-77 SKILL.md:77-78 SKILL.md:78-83 SKILL.md:83-85 SKILL.md:85-107 SKILL.md:107-109 SKILL.md:109-110 SKILL.md:110-112 SKILL.md:112-115 SKILL.md:115-121 SKILL.md:121-122 SKILL.md:122 SKILL.md:123-124 SKILL.md:124-127 SKILL.md:127-135 SKILL.md:135 SKILL.md:136 SKILL.md:137 SKILL.md:138 SKILL.md:150-151 SKILL.md:151-157 SKILL.md:157-159 SKILL.md:159-161 SKILL.md:161-169 SKILL.md:169-175 SKILL.md:175-184 SKILL.md:184-194 SKILL.md:194-199 SKILL.md:199-207 SKILL.md:207 SKILL.md:208 SKILL.md:212-215 SKILL.md:215-230

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

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

resources/data-fetching.md:269 resources/data-fetching.md:453 resources/data-fetching.md:461 resources/performance.md:224 SKILL.md:183

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

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

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

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

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

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

https://skillstore.io/skills/sickn33-frontend-dev-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

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

Значок HTML

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

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

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

sickn33. (2026). frontend-dev-guidelines security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-frontend-dev-guidelines/audits/5

Цитата BibTeX

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

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

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

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

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

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

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

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

briandai22-frontend-dev-guidelines

Оценка Skillstore 79

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

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

Обновлено

2026-09-09

0Chan-smc

0chan-smc-frontend-dev-guidelines

Оценка Skillstore 78

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

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

Обновлено

2026-09-09

BOM-98

bom-98-frontend-dev-guidelines

Оценка Skillstore 78

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

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

Обновлено

2026-09-09

sickn33 Текущий

sickn33-frontend-dev-guidelines

Оценка Skillstore 78

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

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

Обновлено

2026-09-09

DojoCodingLabs

dojocodinglabs-frontend-dev-guidelines

Оценка Skillstore 78

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

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

Обновлено

2026-09-09

Dimon94

dimon94-frontend-dev-guidelines

Оценка Skillstore 78

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

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

Обновлено

2026-09-09

diet103

diet103-frontend-dev-guidelines

Оценка Skillstore 78

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

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

Обновлено

2026-09-09

Оценка Skillstore

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

Архитектура

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

Контент

Сообщество

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

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

Стандартизировать React-фичу

Используйте рекомендации, чтобы единообразно структурировать feature folders, API services, queries, components и route files.

Ревьюить фронтенд Pull Requests

Сравнивайте изменения со стандартами Suspense, TypeScript, MUI, производительности и data-fetching перед approval.

Спланировать фронтенд-миграцию

Создайте общие правила для перевода React-кодовой базы к более строгой типизации и предсказуемым границам фич.

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

Создать компонент

Используйте frontend-dev-guidelines, чтобы создать типизированный React-компонент для этого требования. Следуйте обязательной структуре, правилам Suspense и паттернам стилизации MUI v7.

Добавить фичу

Используйте frontend-dev-guidelines, чтобы спланировать и реализовать новую фичу. Включите folder structure, API service boundaries, query hooks, route placement и component responsibilities.

Проверить существующий код

Используйте frontend-dev-guidelines, чтобы провести ревью этого фронтенд-изменения. Выявите проблемы с TypeScript, imports, Suspense boundaries, data fetching, использованием MUI и настройками производительности по умолчанию.

Рефакторинг архитектуры

Используйте frontend-dev-guidelines, чтобы отрефакторить эту область React в сторону feature-based architecture. Сохраните поведение, улучшив boundaries, lazy loading, query usage и maintainability.

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

Применяйте рекомендации до написания кода, чтобы архитектурные решения были явными.
Документируйте project-specific exceptions, когда существующий код не может следовать стандарту.
Сочетайте навык с tests, linting, accessibility checks и runtime validation.

Избегать

Не навязывайте эти правила проектам, которые используют другие frontend frameworks.
Не воспринимайте sample code как полноценную production implementation.
Не пропускайте ревью продукта, accessibility и security только потому, что структура выглядит корректной.