Улучшайте качество фронтенда с помощью защитных правил
Фронтенд-проекты часто скатываются к несогласованным паттернам, слабой доступности и рискованному поведению на стороне клиента. Этот навык применяет практические стандарты, которые помогают сохранять UI-код переиспользуемым, безопасным, адаптивным и поддерживаемым.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "frontend-guardrails" from https://skillstore.io/skills/ieze-king-frontend-guardrails.md and its manifest at https://skillstore.io/api/skills/ieze-king-frontend-guardrails/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «frontend-guardrails». Проверить новую страницу настроек аккаунта перед релизом.
Ожидаемый результат:
Использование «frontend-guardrails». Создать систему уведомлений для сохраненных и неудачных действий.
Ожидаемый результат:
Использование «frontend-guardrails». Отрефакторить повторяющуюся разметку product card на странице каталога.
Ожидаемый результат:
All static findings appear to be false positives from Markdown prose, inline code formatting, and benign frontend guidance. No prompt injection, data exfiltration intent, command execution logic, or malicious behavior was found in the reviewed files.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/ieze-king-frontend-guardrails/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/ieze-king-frontend-guardrails?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/ieze-king-frontend-guardrails?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/ieze-king-frontend-guardrails/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/ieze-king-frontend-guardrails.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>ieze-king. (2026). frontend-guardrails security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/ieze-king-frontend-guardrails/audits/4@techreport{ieze-king-ieze-king-frontend-guardrails-2026,
author = {ieze-king},
title = {frontend-guardrails security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/ieze-king-frontend-guardrails/audits/4},
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: "frontend-guardrails security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "ieze-king"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/ieze-king-frontend-guardrails/audits/4"
identifiers:
- type: other
value: "skillstore:ieze-king-frontend-guardrails:audit:4"
description: "Skillstore immutable audit report identifier"
Проверить изменение UI на дублирование кода, небезопасное поведение клиента, слабые состояния и недостающую проверку перед merge.
Создавать новые экраны с использованием существующего фреймворка, паттернов компонентов, design tokens и правил адаптивной верстки.
Сохранять сгенерированный фронтенд-код согласованным с конвенциями проекта, базовыми требованиями доступности и ожиданиями готовности к production.
Use frontend-guardrails while updating this UI. Match the existing framework, reuse components, keep styles consistent, and verify the page works on mobile and desktop.
Review this frontend change with frontend-guardrails. Focus on reusability, state placement, accessibility, security basics, loading states, error states, and build verification.
Use frontend-guardrails to inspect this project and propose a focused refactor plan. Cite the framework reference you used and avoid changing unrelated code.
Apply frontend-guardrails to audit this workflow. Check frontend and backend boundaries, secret exposure, untrusted rendering, dependency risk, accessibility, and verification evidence.
Автор
ieze-kingЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
a06681402992ceae98ba04d54cfd4ab004862696
Актуальность поддержки
18.07.2026
Использование
17 загрузок · 2 просмотров
Оптимизация производительности React и Next.js
от vercel-labs
Приложения React и Next.js часто теряют скорость из-за waterfalls, больших бандлов и предотвратимых повторных рендеров. Этот skill дает агентам конкретные правила для более безопасных изменений, ориентированных на производительность.
Ревью кода со структурированными проверками качества
от alirezarezvani
При ревью кода можно упустить проблемы качества, безопасности и сопровождаемости. Этот навык помогает проводить структурированные ревью с помощью скриптов, чеклистов и генерации отчетов.
Создавайте надежные бэкенд API
от alirezarezvani
Бэкенд-проекты часто требуют согласованного планирования API, баз данных, безопасности и развертывания. Этот навык дает Claude, Codex и Claude Code структурированные рекомендации по бэкенду с простыми вспомогательными скриптами и справочными материалами.
Создавайте более качественные функции SwiftUI
от avdlee
В проектах SwiftUI могут накапливаться устаревшие API, хрупкое состояние и медленные обновления представлений. Этот навык дает сфокусированные рекомендации для современного и поддерживаемого кода SwiftUI.
Реализация React View Transitions
от vercel-labs
Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.
Создание шаблонов React Email с Resend
от resend
Создавать готовые к продакшену email-шаблоны сложно, потому что почтовые клиенты отличаются друг от друга. Этот навык помогает Claude, Codex и Claude Code работать с компонентами React Email, отправкой, стилизацией, локализацией и редакторскими рабочими процессами.