📦

ui-design

Name: ui-design
Author: tencentcloudbase

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

Проектируйте выразительные UI-прототипы

Типовым AI-интерфейсам часто не хватает визуального направления и деталей с учетом платформы. Этот навык помогает Claude, Codex и Claude Code определить дизайн-замысел перед созданием прототипов.

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

🥈 80 Серебро

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

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

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

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

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

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

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

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

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

Использование «ui-design». Мне нужен веб-дашборд для логистической команды.

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

Формулировка цели для диспетчеров-планировщиков и менеджеров.
Индустриальная или утилитарная эстетика с конкретным выбором цветов и типографики.
План экранов для дашборда, деталей отправления и разбора исключений.

Использование «ui-design». Переделайте мою образовательную мини-программу, чтобы она выглядела менее типовой.

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

Редакционное или органичное направление со сдержанной палитрой.
Правила типографики и макета для небольших экранов.
Заметки аудита, которые убирают паттерны центрированных карточек и emoji-иконки.

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

Безопасно

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

All static findings are false positives. Backticks are Markdown, URLs are reference links, and relative paths point to sibling skill documents. No evidence found for prompt injection, data exfiltration, or malicious execution intent in SKILL.md.

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

356

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

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

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

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

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

SKILL.md:10 SKILL.md:12 SKILL.md:13 SKILL.md:15 SKILL.md:31 SKILL.md:32 SKILL.md:114-125 SKILL.md:125-235 SKILL.md:235-269 SKILL.md:269-299 SKILL.md:299-303 SKILL.md:303-306 SKILL.md:306-310 SKILL.md:310-313 SKILL.md:313-318

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

SKILL.md:12 SKILL.md:13 SKILL.md:31 SKILL.md:32

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

SKILL.md:31 SKILL.md:32

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

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

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

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

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

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

https://skillstore.io/skills/tencentcloudbase-ui-design/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/tencentcloudbase-ui-design/security.svg)](https://skillstore.io/skills/tencentcloudbase-ui-design?utm_source=security_passport_badge)

Значок HTML

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

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

<iframe src="https://skillstore.io/embed/skills/tencentcloudbase-ui-design.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

tencentcloudbase. (2026). ui-design security audit report (audit version 2) [Author version 2.23.8]. Skillstore. https://skillstore.io/skills/tencentcloudbase-ui-design/audits/2

Цитата BibTeX

@techreport{tencentcloudbase-tencentcloudbase-ui-design-2026,
  author = {tencentcloudbase},
  title = {ui-design security audit report (audit version 2)},
  institution = {Skillstore},
  year = {2026},
  number = {2},
  url = {https://skillstore.io/skills/tencentcloudbase-ui-design/audits/2},
  note = {Author version 2.23.8}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ui-design security audit report (audit version 2)"
version: "2.23.8"
type: report
authors:
  - name: "tencentcloudbase"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/tencentcloudbase-ui-design/audits/2"
identifiers:
  - type: other
    value: "skillstore:tencentcloudbase-ui-design:audit:2"
    description: "Skillstore immutable audit report identifier"

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

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

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

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

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

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

tencentcloudbase Рекомендуется Текущий

tencentcloudbase-ui-design

Оценка Skillstore 80

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

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

Обновлено

2026-09-09

yunshu0909

yunshu0909-ui-design

Оценка Skillstore 79

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

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

Обновлено

2026-09-09

Оценка Skillstore

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

Архитектура

100

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

Контент

Сообщество

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

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

Проработка продуктовых экранов

Преобразуйте ранние продуктовые идеи в визуальное направление, объем страниц и готовые к прототипированию планы интерфейса.

Подготовка frontend-прототипов

Определите иерархию, палитру, типографику и правила макета перед созданием веб-интерфейса.

Улучшение UI мини-программы

Планируйте страницы для небольших экранов с четкой эстетикой, платформенными ограничениями и конкретными рекомендациями для передачи в разработку.

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

Создать дизайн-спецификацию

Используйте навык ui-design, чтобы создать дизайн-спецификацию для [product]. Включите пользователей, цель, эстетическое направление, палитру, типографику и стратегию макета.

Спланировать прототип

Используйте навык ui-design, чтобы спланировать прототип [web or mini program] для [workflow]. Ограничьте его [number] страницами и определите каждый экран.

Передизайн интерфейса

Используйте навык ui-design, чтобы переделать этот интерфейс: [description]. Определите типовые паттерны, выберите более сильное направление и предложите пересмотренную иерархию.

Подготовить передачу в реализацию

Используйте навык ui-design перед реализацией для [project]. Подготовьте платформенно-специфичную дизайн-спецификацию, план компонентов, чеклист самоаудита и заметки для передачи.

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

Укажите целевых пользователей, основные действия, платформу и брендовые ограничения.
Проверьте дизайн-спецификацию перед запросом реализации.
Запрашивайте доступность, адаптивность и состояния контента при переходе к коду.

Избегать

Использование этого навыка для backend, API или задач, связанных только с базой данных.
Пропуск дизайн-спецификации и запрос немедленного кода.
Игнорирование реальных бренд-систем, когда утвержденные токены уже существуют.

Часто задаваемые вопросы

Пишет ли этот навык финальный frontend-код?

Он может направлять реализацию прототипа, но в первую очередь фокусируется на дизайн-спецификациях и визуальных решениях.

Какие платформы он поддерживает?

Он поддерживает веб-интерфейсы и интерфейсы мини-программ в сочетании с соответствующим навыком реализации.

Могу ли я использовать свои брендовые цвета?

Да. Реальные брендовые цвета и утвержденные дизайн-системы переопределяют стандартные запреты, если они задокументированы.

Почему сначала требуется дизайн-спецификация?

Спецификация фиксирует замысел, иерархию, палитру, типографику и макет до того, как выбор кода станет закрепленным.

Обрабатывает ли он backend-задачи?

Нет. Используйте его для дизайна интерфейсов, а не для backend-логики, API или работы со схемой базы данных.

Как мне начать?

Опишите продукт, пользователей, платформу, ключевые экраны, потребности в контенте и любые брендовые ограничения.

Сведения для разработчиков

Автор

tencentcloudbase

Лицензия

MIT

Версия автора

v2.23.8

Ревизия Skillstore

Репозиторий

https://github.com/tencentcloudbase/skills/tree/main/skills/ui-design

Ссылка

24b2fe42a456262f3fd0fb3df72e12d9ed2c32ec

Актуальность поддержки

18.07.2026

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

1 загрузок · 0 просмотров

Структура файлов

📄 checklist.md

📄 SKILL.md