design-uiПроверки: пройдено 4

building-ui-bundle-frontend

Набор рекомендаций и шаблонов для создания и изменения фронтенд‑интерфейсов на React с Tailwind CSS и shadcn/ui.

Суть

Что это за skill и зачем он нужен

Этот скилл предоставляет подробные инструкции по организации навигации, макета, роутинга, типизации TypeScript и визуального оформления в проектах React. Включены стандарты использования `createBrowserRouter`, рекомендации по работе с `appLayout.tsx`, правила работы с Tailwind CSS, shadcn/ui и требования к модульным ограничениям (например, отсутствие импортов `lightning/*`). Также описаны принципы дизайн‑мышления и эстетики UI, включая типографику, цветовые палитры, анимацию и адаптивность.

Установка

Как установить

npx skills add https://github.com/forcedotcom/afv-library --skill building-ui-bundle-frontend

Сценарии

Когда использовать

Подходит

Создание новых страниц или компонентов в React‑приложении, использующем Vite и Tailwind CSS.
Обновление навигации, шапки, подвала или темы проекта.
Стандартизация типизации TypeScript и отказ от `any`.
Требуется единый подход к роутингу через `react-router` без hard‑coded базовых путей.
Необходимо обеспечить мобильную адаптивность и согласованную визуальную стилистику.

Не подходит

Проекты, построенные на LWC или использующие модули `lightning/*`.
Бэкенд‑ориентированные задачи, не связанные с UI.
Приложения, где роутинг реализован полностью на сервере без клиентского роутера.
Если проект использует альтернативные UI‑библиотеки, несовместимые с shadcn/ui.

Доверие

Проверки безопасности

Gen Agent Trust HubПройдено

Проверка не нашла критичных проблем.

SnykПройдено

Низкий риск · проблем не найдено.

SocketПройдено

Предупреждений нет.

ZeroLeaksПройдено

Оценка 93/100 · проанализировано 2 раздела.

Похожие