271 навыки
🎨

shadcn-framer

Безопасно 68

Создавайте анимированные компоненты ShadCN UI с Framer Motion

от Barnhardt-Enterprises-Inc

Создание плавных анимаций для компонентов ShadCN UI требует понимания паттернов Framer Motion. Этот навык предоставляет готовые к использованию паттерны кода для появления, эффектов наведения, анимаций диалогов, переходов страниц и скелетонов загрузки.

Claude Codex Code(CC)
Установить
🎨

frontend-aesthetics

Безопасно 70

Создание выразительных фронтенд-дизайнов

от Barnhardt-Enterprises-Inc

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

Claude Codex Code(CC)
Установить
🎨

apple-ui-design

Безопасно 71

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

от BarisSozen

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

Claude Codex Code(CC)
Установить
🎨

web-artifacts-builder

Низкий риск 69

Создание Rich React HTML-артефактов

от Azeem-2

Создание сложных HTML-артефактов с помощью React требует значительного времени на настройку и конфигурацию. Этот навык предоставляет автоматизированные скрипты для инициализации React-проектов с Tailwind CSS и shadcn/ui, а затем объединяет всё в единый портативный HTML-файл, готовый к использованию в разговорах с Claude.

Claude Codex Code(CC)
Установить
🎨

theme-factory

Безопасно 68

Применение профессиональных тем к презентациям

от Azeem-2

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

Claude Codex Code(CC)
Установить
🎬

slack-gif-creator

Безопасно 69

Создание анимированных GIF для Slack

от Azeem-2

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

Claude Codex Code(CC)
Установить
🎨

frontend-design

Безопасно 70

Создание выразительных интерфейсов фронтенд-разработки производственного уровня

от Azeem-2

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

Claude Codex Code(CC)
Установить
🎨

canvas-design

Безопасно 69

Создание визуального искусства с философией дизайна

от Azeem-2

Создание оригинального визуального искусства требует глубоких знаний в области дизайна и художественных навыков. Этот навык создает плакаты, дизайны и визуальное искусство музейного качества, используя установленные философии дизайна, выраженные через форму, цвет и композицию. Результат в формате PNG или PDF.

Claude Codex Code(CC)
Установить
🎨

brand-guidelines

Безопасно 69

Применить фирменные цвета и типографику Anthropic

от Azeem-2

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

Claude Codex Code(CC)
Установить
🎨

algorithmic-art

Безопасно 69

Создание алгоритмического генеративного искусства с p5.js

от Azeem-2

Пользователи хотят уникальное генеративное искусство, но не обладают знаниями в области алгоритмического дизайна. Этот навык создаёт оригинальное алгоритмическое искусство с использованием p5.js с seeded randomness, потоковыми полями, системами частиц и интерактивным исследованием параметров для получения настраиваемых визуальных результатов.

Claude Codex Code(CC)
Установить
🎨

tailwind-css

Безопасно 69

Стилизация UI-компонентов с помощью Tailwind CSS

от Awais68

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

Claude Codex Code(CC)
Установить
🎨

brand-guidelines

Безопасно 75

Создание последовательных бренд-гайдлайнов

от AutumnsGrove

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

Claude Codex Code(CC)
Установить
🎨

frontend-design

Безопасно 69

Создание выразительных frontend-интерфейсов

от Atman36

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

Claude Codex Code(CC)
Установить
🎨

styling-with-shadcn

Безопасно 76

Стилизация UI с компонентами shadcn/ui

от Asmayaseen

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

Claude Codex Code(CC)
Установить
📦

theme-factory

Безопасно 69

Применение профессиональных дизайн-тем к вашим артефактам

от ArtemisAI

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

Claude Codex Code(CC)
Установить
🎬

slack-gif-creator

Безопасно 69

Создание Slack GIF-анимаций и эмодзи

от ArtemisAI

Создание анимированных GIF для Slack требует соблюдения строгих ограничений по размеру и использования подходящих техник анимации. Этот набор инструментов предоставляет валидаторы, примитивы анимации и инструменты оптимизации для создания GIF-сообщений и пользовательских эмодзи, которые безупречно работают в Slack.

Claude Codex Code(CC)
Установить
🎨

canvas-design

Безопасно 70

Создание визуального искусства и дизайнерских композиций

от ArtemisAI

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

Claude Codex Code(CC)
Установить
🎨

brand-guidelines

Безопасно 69

Применить фирменный стиль Anthropic

от ArtemisAI

Создавайте документы и артефакты, соответствующие визуальной идентичности Anthropic. Последовательно применяйте официальные фирменные цвета и типографику.

Claude Codex Code(CC)
Установить
🎨

algorithmic-art

Безопасно 69

Создавайте алгоритмическое искусство с p5.js

от ArtemisAI

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

Claude Codex Code(CC)
Установить
🎨

design-system-starter

Безопасно 70

Создание последовательных дизайн-систем с токенами и компонентами

от ArieGoldkin

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

Claude Codex Code(CC)
Установить