スキル baseline-ui
📦
baseline-ui
コンテンツリビジョン r2 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス
Обеспечение единых стандартов UI для фронтенда
Интерфейсы, сгенерированные ИИ, могут отклоняться в сторону несогласованных паттернов, слабой доступности и затратных решений для анимации. Этот навык применяет четкие фронтенд-правила для стабильной, доступной и поддерживаемой работы с UI.
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "baseline-ui" from https://skillstore.io/skills/ibelick-baseline-ui.md and its manifest at https://skillstore.io/api/skills/ibelick-baseline-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「baseline-ui」を使用しています。 Проверь модальное окно подтверждения разрушительного действия перед релизом.
期待される結果:
- Нарушение: разрушительное действие использует обычный диалог вместо alert dialog.
- Почему это важно: поведение клавиатуры и фокуса должно соответствовать риску действия.
- Исправление: используй проектный примитив alert dialog и сделай разрушительное действие явным.
「baseline-ui」を使用しています。 Примени базовые правила к дизайну дашборда метрик.
期待される結果:
- Рекомендация: используй табличные цифры для значений метрик и плотных таблиц.
- Рекомендация: используй структурные состояния загрузки рядом с затронутой областью данных.
- Рекомендация: держи квадратные элементы управления на стабильных утилитах размера, чтобы избежать сдвигов макета.
「baseline-ui」を使用しています。 Проверь выбор анимации для перехода панели.
期待される結果:
- Нарушение: переход анимирует размеры макета вместо свойств композитора.
- Почему это важно: анимация макета может привести к низкой производительности и визуальной нестабильности.
- Исправление: анимируй transform и opacity, держи обратную связь короче 200 миллисекунд и учитывай reduced motion.
セキュリティ監査
安全v6 • 2026/7/23 バージョン別レポートを開く
All 30 static findings are false positives caused by Markdown inline code, a documentation hyperlink, and ordinary UI terminology. SKILL.md contains frontend review guidance without executable scripts, network requests, system reconnaissance, credential access, or prompt injection. No semantic security findings were identified.
1
スキャンされたファイル
86
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
⚙️ 外部コマンド (27)
SKILL.md:12 SKILL.md:15 SKILL.md:24 SKILL.md:25 SKILL.md:26 SKILL.md:30 SKILL.md:33 SKILL.md:34 SKILL.md:39 SKILL.md:41 SKILL.md:42 SKILL.md:44 SKILL.md:49 SKILL.md:50 SKILL.md:51 SKILL.md:52 SKILL.md:53 SKILL.md:55 SKILL.md:61 SKILL.md:62 SKILL.md:63 SKILL.md:64 SKILL.md:68 SKILL.md:69 SKILL.md:73 SKILL.md:74 SKILL.md:75
🌐 ネットワークアクセス (1)
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/ibelick-baseline-ui/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/ibelick-baseline-ui?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/ibelick-baseline-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/ibelick-baseline-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/ibelick-baseline-ui.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形式の引用
ibelick. (2026). baseline-ui security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/ibelick-baseline-ui/audits/6BibTeX形式の引用
@techreport{ibelick-ibelick-baseline-ui-2026,
author = {ibelick},
title = {baseline-ui security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/ibelick-baseline-ui/audits/6},
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: "baseline-ui security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "ibelick"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/ibelick-baseline-ui/audits/6"
identifiers:
- type: other
value: "skillstore:ibelick-baseline-ui:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
69
コミュニティ
83
仕様準拠
作成できるもの
Проверка UI перед релизом
Находит проблемы доступности, анимации, типографики и макета до выпуска фронтенд-изменения.
Стандартизация компонентов, сгенерированных ИИ
Применяет единые правила, когда ИИ создает или редактирует компоненты React и Tailwind CSS.
Сопровождение рефакторинга продуктовых интерфейсов
Помогает держать дашборды, формы и интерактивные поверхности в соответствии с практичными правилами качества UI.
これらのプロンプトを試す
Применить базовые правила
Используй baseline-ui для этой функции. Сохрани интерфейс доступным, адаптивным и согласованным с существующими компонентами.
Проверить компонент
Проверь прикрепленный компонент с помощью baseline-ui. Перечисли нарушения, почему каждое важно, и конкретное исправление.
Проверить детали взаимодействия
Используй baseline-ui, чтобы проверить этот дизайн взаимодействия. Сфокусируйся на свойствах анимации, reduced motion, таймингах и рисках производительности.
Рефакторинг сложного интерфейса
Примени baseline-ui к этому редизайну дашборда. Сохрани существующие примитивы, уменьши визуальный шум и отметь важные компромиссы.
ベストプラクティス
- Применяй навык перед финальной реализацией UI, затем повторно проверяй перед релизом.
- Используй существующие примитивы проекта и токены темы перед добавлением новых UI-паттернов.
- Сочетай проверку с отрендеренными скриншотами и проверками доступности для важных сценариев.
回避
- Использование навыка для переопределения зрелой проектной дизайн-системы без проверки.
- Восприятие чеклиста как замены тестированию клавиатуры, скринридеров или визуальному тестированию.
- Применение рекомендаций для React и Tailwind CSS к неродственным стекам без адаптации.
よくある質問
Что проверяет этот навык?
Он проверяет решения по фронтенд-UI в части выбора стека, компонентов, взаимодействия, анимации, типографики, макета, производительности и визуального дизайна.
Генерирует ли он production-код?
В основном он предоставляет ограничения и рекомендации по проверке. Он может направлять изменения кода, если используется вместе с задачей реализации.
Какие стеки подходят лучше всего?
Лучше всего он подходит для проектов на React и Tailwind CSS, которые используют доступные примитивы компонентов и современные библиотеки анимации.
Может ли он заменить тестирование доступности?
Нет. Он улучшает привычки в области доступности, но команды все равно должны тестировать клавиатурные сценарии, поведение фокуса и поддержку вспомогательных технологий.
Как командам следует его использовать?
Используйте его как общий базовый стандарт при AI-assisted дизайне, реализации и проверке фронтенд-интерфейсов.
Требует ли он внешних сервисов?
Нет. Навык представляет собой инструкционный файл Markdown и не вызывает внешние сервисы.