extract
Выделение переиспользуемых паттернов дизайн-системы
Команды часто дублируют UI-компоненты, токены и паттерны компоновки в приложении. Этот навык помогает Claude, Codex или Claude Code находить переиспользуемые паттерны и консолидировать их в сопровождаемую дизайн-систему.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "extract" from https://skillstore.io/skills/pbakaus-extract.md and its manifest at https://skillstore.io/api/skills/pbakaus-extract/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «extract». Проверьте checkout flow на наличие переиспользуемых UI-паттернов.
Ожидаемый результат:
Среди находок: повторяющиеся карточки сводки, дублирующиеся варианты кнопок и жестко заданные отступы. Рекомендуется начать выделение с карточки сводки и компонентов действий checkout.
Использование «extract». Извлеките дизайн-токены со страниц настроек.
Ожидаемый результат:
Навык предложит семантические токены для отступов, поверхностей, текста и фокуса, а затем сопоставит существующие значения страниц настроек с этими именами.
Использование «extract». Перенесите повторяющиеся компоненты профиля в библиотеку компонентов.
Ожидаемый результат:
Результат будет включать план миграции, границы переиспользуемых компонентов, рекомендации по вариантам, обновления документации и чеклист для замены старых использований.
Аудит безопасности
БезопасноThe single static finding is a false positive. SKILL.md line 71 warns against creating overly generic components, and no network reconnaissance behavior or prompt injection content was found.
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/pbakaus-extract/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/pbakaus-extract?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/pbakaus-extract?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-extract/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/pbakaus-extract.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
pbakaus. (2026). extract security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-extract/audits/4Цитата BibTeX
@techreport{pbakaus-pbakaus-extract-2026,
author = {pbakaus},
title = {extract security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-extract/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: "extract security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-extract/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-extract:audit:4"
description: "Skillstore immutable audit report identifier"
Сравнить варианты
3 устанавливаемых вариантовНавык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
pbakaus-extract
2026-09-09
tavily-ai-extract
2026-09-09
actionbook-extract
2026-09-09
Оценка Skillstore
Почему такая оценка Достоверность доказательств: ВысокийЧто вы можете построить
Консолидировать дублирующиеся компоненты
Найти повторяющиеся UI-паттерны и превратить их в общие компоненты с документированными вариантами.
Развить систему токенов
Преобразовать повторяющиеся цвета, отступы, типографику и тени в именованные дизайн-токены.
Спланировать очистку UI
Проанализировать область функциональности и создать практичный план миграции для переиспользуемых паттернов.
Попробуйте эти промпты
Используйте навык extract для {target}. Определите повторяющиеся компоненты, жестко заданные дизайн-значения и переиспользуемые паттерны компоновки. Кратко опишите, что следует выделить в первую очередь.Используйте навык extract, чтобы создать план выделения для {target}. Включите предлагаемые компоненты, варианты, имена props, потребности в токенах и шаги миграции.Используйте навык extract, чтобы реализовать утвержденный план выделения для {target}. Соблюдайте существующие соглашения дизайн-системы, добавьте поддержку доступности и обновите документацию.Используйте навык extract, чтобы заменить старые реализации в {target} общими компонентами и токенами. Подтвердите визуальное соответствие, удалите мертвый код и обновите примеры в каталоге.Лучшие практики
- Начинайте с паттернов, которые используются три или более раза либо с большой вероятностью скоро будут переиспользованы.
- Следуйте существующим соглашениям для компонентов, токенов, импортов и документации.
- Проверяйте визуальное и функциональное соответствие перед удалением старых реализаций.
Избегать
- Не выделяйте одноразовый UI, у которого нет понятной ценности для повторного использования.
- Не создавайте универсальные компоненты без четкой продуктовой цели.
- Не превращайте каждое жестко заданное значение в токен без семантического смысла.