Создавайте надежные фронтенды на React и Next.js
Современная фронтенд-разработка требует согласованной архитектуры, быстрых страниц и воспроизводимой настройки. Этот навык предоставляет Claude, Codex и Claude Code структурированные рекомендации по React, Next.js, TypeScript и Tailwind.
Остановитесь и запросите подтверждение перед установкой.
Проверьте план и получите явное согласие пользователя перед изменением файлов.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "senior-frontend" from https://skillstore.io/skills/alirezarezvani-senior-frontend.md and its manifest at https://skillstore.io/api/skills/alirezarezvani-senior-frontend/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «senior-frontend». Мне нужно улучшить React-страницу перед релизом.
Ожидаемый результат:
Использование «senior-frontend». Запусти локальный рабочий процесс анализатора для пути проекта.
Ожидаемый результат:
Использование «senior-frontend». Создай командные рекомендации для фронтенд-ревью.
Ожидаемый результат:
Reviewed all 65 static findings against the source context; the backtick, reconnaissance, environment-file, and filesystem hits are false positives. A separate semantic concern remains because marketplace_content.json embeds self-authored safety claims such as safe_to_publish true. No evidence found of malicious command execution, secret access, or network exfiltration.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/alirezarezvani-senior-frontend?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/alirezarezvani-senior-frontend?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/alirezarezvani-senior-frontend/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/alirezarezvani-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>alirezarezvani. (2026). senior-frontend security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6@techreport{alirezarezvani-alirezarezvani-senior-frontend-2026,
author = {alirezarezvani},
title = {senior-frontend security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/alirezarezvani-senior-frontend/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: "senior-frontend security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "alirezarezvani"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6"
identifiers:
- type: other
value: "skillstore:alirezarezvani-senior-frontend:audit:6"
description: "Skillstore immutable audit report identifier"
Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
davila7-senior-frontend
2026-09-09
alirezarezvani-senior-frontend
2026-09-09
Используйте справочные материалы, чтобы до реализации описать структуру React-компонентов, границы состояния и варианты стилизации.
Создавайте общие чек-листы по производительности, сопровождаемости, безопасности и распространенным фронтенд-антипаттернам.
Попросите Claude, Codex или Claude Code превратить задокументированные команды в проверенный локальный рабочий процесс.
Используй навык senior-frontend, чтобы перечислить фронтенд-шаги для небольшой функции React. Включи структуру компонентов, потребности в состоянии, стилизацию и тесты.
Проверь мой план React-компонентов с использованием справочных материалов senior-frontend. Определи недостающие props, проблемы доступности, риски производительности и проблемы сопровождаемости.
Используй руководство по оптимизации Next.js, чтобы создать приоритизированный план производительности для моего приложения. Охвати маршрутизацию, размер бандла, кеширование, изображения и измерение.
Используй этот навык, чтобы провести аудит миграции с устаревшего React-приложения на Next.js. Подготовь этапы, риски, проверки валидации и соображения по откату.
Автор
alirezarezvaniЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/alirezarezvani/claude-skills/tree/main/engineering-team/senior-frontendСсылка
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
Актуальность поддержки
18.07.2026
Использование
32 загрузок · 206 просмотров
Структура файлов
Создание SEO-контента с фирменным голосом бренда
Маркетинговым командам нужен единообразный контент, который подходит для каждого канала и поддерживает поисковые цели. Этот skill объединяет рекомендации по фирменному голосу бренда, шаблоны контента, SEO-проверки и планирование социальных сетей.
Управление расследованиями CAPA и планами действий
Работа по CAPA часто застопоривается, когда расследования, действия и доказательства не структурированы. Этот навык помогает выстроить понятный RCA, планирование действий, проверку эффективности, метрики и документацию, готовую к инспекции.
Управление качеством QMR
Командам HealthTech требуется дисциплинированное управление качеством в области стандартов, аудитов, проверок и отчетности для руководства. Этот навык помогает с обязанностями QMR, надзором за соответствием требованиям, мониторингом KPI и стратегическим планированием качества.
Управление файлами рисков медицинских изделий
Командам, работающим с медицинскими изделиями, нужны согласованные доказательства управления рисками на этапах проектирования, регуляторной работы и пострыночной деятельности. Этот навык помогает с планированием, анализом, мерами контроля и ведением файла в соответствии с ISO 14971.
Ревью кода со структурированными проверками качества
При ревью кода можно упустить проблемы качества, безопасности и сопровождаемости. Этот навык помогает проводить структурированные ревью с помощью скриптов, чеклистов и генерации отчетов.
Создавайте программы СМК по ISO 13485
Командам, работающим с медицинскими изделиями, нужны контролируемые процессы СМК, соответствующие ожиданиям ISO 13485. Этот навык помогает планировать документацию, аудиты, проверки, работу с CAPA и готовность к сертификации.
Реализация React View Transitions
от vercel-labs
Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.
Оптимизация производительности React и Next.js
от vercel-labs
Приложения React и Next.js часто теряют скорость из-за waterfalls, больших бандлов и предотвратимых повторных рендеров. Этот skill дает агентам конкретные правила для более безопасных изменений, ориентированных на производительность.
Создание типобезопасных компонентов React
от softaworks
Работа с React и TypeScript часто требует точных типов для событий, хуков и маршрутов. Этот skill предоставляет сфокусированные паттерны для типизированных компонентов, API React 19 и маршрутизации.
Улучшение компонентов Vue Options API
от vuejs-ai
Проекты на Vue Options API могут терять безопасность типов и корректную привязку this. Этот skill дает прямые шаблоны для более безопасных компонентов Vue.
Создавайте fullstack-приложения с паттернами уровня senior
от davila7
Команды часто теряют время на согласование выбора стека, настройки проекта и проверок качества. Этот навык предоставляет Claude, Codex и Claude Code повторно используемые рекомендации и вспомогательные скрипты для fullstack-разработки.
Создавайте современные приложения на React и Next.js
от sickn33
Проектам на React и Next.js часто нужны согласованные решения по настройке маршрутизации, компонентов, стилизации, данных, форм, тестов и развертывания. Этот навык дает Claude, Codex и Claude Code поэтапный рабочий процесс для планирования и разработки современных фронтенд-приложений.