Локализованное руководство по чтению

frontend-ui-dark-tsНазначение, использование и источник

Создавайте приложения React с темной темой оформления, используя Tailwind CSS с настраиваемыми темами, эффектами glassmorphism и анимацией Framer Motion. Используйте его при создании панелей мониторинга, административных панелей или интерфейсов с большим объемом данных, отличающихся изысканной темной эстетикой.

Источник получен: 2026-10-29

Репозиторий-источник: microsoft/skills
SKILL.md: .github/plugins/azure-sdk-typescript/skills/frontend-ui-dark-ts/SKILL.md
Звёзды репозитория: 3,157
Последнее обновление репозитория: 2026-10-31
Категории Skills: Облачные сервисы
Время последнего сбора: 2026-10-31 10:38 UTC+08:00

Лицензия: MIT

Оригинальный файл SKILL.md

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

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

Что делает этот навык

Как работает рабочий процесс на вышестоящем уровне

Темная тема оформления интерфейса (TypeScript)

Современная система пользовательского интерфейса React с темной темой, использующая Tailwind CSS и Framer Motion. Разработана для панелей управления, административных панелей и приложений с большим объемом данных, с эффектами «стеклянной морфинги» и стильными анимациями.

проход вверх по течению · L10 ↗

index.html

HTML-точка входа с отображением в мобильной области, значками избранного (favicon) и метатегами социальных сетей:

проход вверх по течению · L74 ↗

public/site.webmanifest

Манифест PWA для устанавливаемых веб-приложений:

проход вверх по течению · L116 ↗

проход вверх по течению · bash ↗

npm create vite@latest my-app -- --template react-ts
cd my-app
npm install framer-motion clsx react-router-dom
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

Требования и настройка

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

Ограничения и проверки качества

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

Начните с безопасного пробного периода.

Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.

Формат навыков и спецификация каталога ↗

Подробнее читайте в источнике.

Перевод и сфера применения

В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.

Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.

Закрепленный источник: Прочитайте оригинал ↗
Источник получен: 2026-10-29T09:32:23Z
Исходный коммит: 00d66a64919edca5bca2c673373444e36a4b5461
Исходный SHA-256: ae89e5f7592c2ec2c279bac49b85c0eac2c269eb6331a45a33eea185a46e172b

Вернуться к полному каталогу навыков