📦

shadcn-ui

Name: shadcn-ui
Author: google-labs-code

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

Создавайте интерфейсы shadcn/ui быстрее

Современным React-командам нужны согласованные компоненты shadcn/ui без повторного изучения настройки. Этот навык помогает с выбором компонентов, установкой, темизацией, миграцией и проверками качества.

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

🥉 79 Бронза

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

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

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

Review the Skillstore skill "shadcn-ui" from https://skillstore.io/skills/google-labs-code-shadcn-ui.md and its manifest at https://skillstore.io/api/skills/google-labs-code-shadcn-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown-детали GET /skills/google-labs-code-shadcn-ui.md Подписанный manifest GET /api/skills/google-labs-code-shadcn-ui/manifest Подписанный lockfile GET /api/skills/google-labs-code-shadcn-ui/lockfile

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

Использование «shadcn-ui». Пользователь просит форму входа с использованием shadcn/ui.

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

Рекомендуемые компоненты для tabs, cards, inputs, labels и buttons.
Последовательность установки и рекомендации по размещению файлов.
Проверки доступности и валидации перед commit.

Использование «shadcn-ui». Пользователь просит настроить тему приложения.

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

Чеклист theme tokens для light и dark modes.
Планирование вариантов для buttons, forms и layout components.
Шаги проверки контрастности, типографики и адаптивного поведения.

Использование «shadcn-ui». Пользователь просит выполнить миграцию с Chakra UI на shadcn/ui.

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

Сопоставление компонентов из существующих primitives с эквивалентами shadcn/ui.
План поэтапного rollout по риску экранов и глубине зависимостей.
Чеклист тестирования для forms, modals, использования клавиатуры и визуального соответствия.

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

Безопасно

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

Static analysis produced many alerts, but reviewed evidence shows markdown examples, relative documentation links, TypeScript annotations, and local verification commands. No evidence found of prompt injection, data exfiltration, credential access, or hidden execution. The skill uses Bash, Write, web fetch, and shadcn tools for normal component setup, so install commands should remain explicit.

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

3,257

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

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

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

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

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

README.md:244 README.md:248 resources/migration-guide.md:462

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

resources/customization-guide.md:299-304 scripts/verify-setup.sh:51 scripts/verify-setup.sh:78 scripts/verify-setup.sh:90 SKILL.md:30 SKILL.md:31 SKILL.md:32 SKILL.md:39-41 SKILL.md:41-46 SKILL.md:46-47 SKILL.md:47-50 SKILL.md:50-51 SKILL.md:51-57 SKILL.md:57-58 SKILL.md:58-59 SKILL.md:59-60 SKILL.md:60-61 SKILL.md:61-67 SKILL.md:67-69 SKILL.md:69-71 SKILL.md:71-75 SKILL.md:75-77 SKILL.md:77-79 SKILL.md:79-100 SKILL.md:100-113 SKILL.md:113-115 SKILL.md:115-117 SKILL.md:117-119 SKILL.md:119-126 SKILL.md:126-137 SKILL.md:137-139 SKILL.md:139-154 SKILL.md:154-158 SKILL.md:158-160 SKILL.md:160-182 SKILL.md:182-186 SKILL.md:186 SKILL.md:188-205 SKILL.md:205-211 SKILL.md:211-212 SKILL.md:212-239 SKILL.md:239-246 SKILL.md:246-249 SKILL.md:249-258 SKILL.md:258-261 SKILL.md:261-270 SKILL.md:270-275 SKILL.md:275-276 SKILL.md:276 SKILL.md:277-285 SKILL.md:285-289 SKILL.md:289-294 SKILL.md:294-295 SKILL.md:295-305 SKILL.md:305-314 SKILL.md:314-315 SKILL.md:315-316 SKILL.md:316-317 SKILL.md:317-321

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

resources/setup-guide.md:78 resources/setup-guide.md:170

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

resources/setup-guide.md:141 scripts/verify-setup.sh:134

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

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

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

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

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

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

https://skillstore.io/skills/google-labs-code-shadcn-ui/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/google-labs-code-shadcn-ui/security.svg)](https://skillstore.io/skills/google-labs-code-shadcn-ui?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/google-labs-code-shadcn-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/google-labs-code-shadcn-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

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

<iframe src="https://skillstore.io/embed/skills/google-labs-code-shadcn-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

google-labs-code. (2026). shadcn-ui security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/google-labs-code-shadcn-ui/audits/4

Цитата BibTeX

@techreport{google-labs-code-google-labs-code-shadcn-ui-2026,
  author = {google-labs-code},
  title = {shadcn-ui security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/google-labs-code-shadcn-ui/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: "shadcn-ui security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "google-labs-code"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/google-labs-code-shadcn-ui/audits/4"
identifiers:
  - type: other
    value: "skillstore:google-labs-code-shadcn-ui:audit:4"
    description: "Skillstore immutable audit report identifier"

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

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

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

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

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

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

google-labs-code Рекомендуется Текущий

google-labs-code-shadcn-ui

Оценка Skillstore 79

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

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

Обновлено

2026-09-09

giuseppe-trisciuoglio

giuseppe-trisciuoglio-shadcn-ui

Оценка Skillstore 67

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

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

Обновлено

2026-09-09

Оценка Skillstore

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

Архитектура

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

Контент

Сообщество

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

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

Добавление компонентов в React-приложение

Устанавливайте и адаптируйте компоненты shadcn/ui, сохраняя соглашения Tailwind и проектных алиасов.

Стандартизация дизайн-системы

Создавайте общие theme tokens, варианты и компоненты-обертки вокруг скопированного исходного кода shadcn/ui.

Миграция с другого UI Kit

Планируйте поэтапную замену компонентов Material UI, Chakra UI или Ant Design паттернами shadcn/ui.

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

Добавить базовый компонент

Помогите мне добавить shadcn/ui Button в мой React-проект. Объясните шаг установки, импорты и простой паттерн использования.

Настроить существующее приложение

Проверьте настройку моего проекта для shadcn/ui. Проверьте Tailwind, components.json, алиасы и утилиту cn перед добавлением компонентов.

Настроить тему и варианты

Создайте план настройки цветов, типографики и вариантов кнопок shadcn/ui. Сохраните поддержку доступности и dark mode.

Спланировать миграцию UI-библиотеки

Сравните мою текущую библиотеку компонентов с shadcn/ui. Сопоставьте замены, порядок миграции, риски и проверки валидации для поэтапного rollout.

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

Используйте shadcn CLI для стандартных компонентов, затем проверяйте скопированный исходный код перед commit.
Сохраняйте поведение доступности, ARIA-атрибуты, поддержку клавиатуры и индикаторы фокуса при настройке компонентов.
Запускайте type checks, linting, visual review и accessibility checks после изменений компонентов.

Избегать

Не устанавливайте большие наборы компонентов до того, как решите, каким экранам они нужны.
Не перезаписывайте пользовательские изменения компонентов без проверки upstream diffs.
Не удаляйте поведение Radix или Base UI, чтобы быстро решить проблемы со стилизацией.