Разрабатывает системы макетов и адаптивные интерфейсы, включая системы сеток, шаблоны флексбоксов, макеты боковых панелей и адаптивные точки останова. Используйте при структурировании макетов приложений, создании адаптивного дизайна или создании сложных структур страниц.
Быстро установите AI-навык designing-layouts в вашу среду разработки через командную строку
Источник: ancoleman/ai-design-components.
This skill provides comprehensive guidance for creating responsive layout systems using modern CSS techniques. It covers grid systems, flexbox patterns, container queries, spacing systems, and mobile-first design strategies to build flexible, accessible interfaces that adapt seamlessly across devices.
For structured, two-dimensional layouts, use CSS Grid with design tokens.
For complex grid layouts and advanced patterns, see references/layout-patterns.md.
Разрабатывает системы макетов и адаптивные интерфейсы, включая системы сеток, шаблоны флексбоксов, макеты боковых панелей и адаптивные точки останова. Используйте при структурировании макетов приложений, создании адаптивного дизайна или создании сложных структур страниц. Источник: ancoleman/ai-design-components.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/ancoleman/ai-design-components --skill designing-layoutsРазрабатывает системы макетов и адаптивные интерфейсы, включая системы сеток, шаблоны флексбоксов, макеты боковых панелей и адаптивные точки останова. Используйте при структурировании макетов приложений, создании адаптивного дизайна или создании сложных структур страниц. Источник: ancoleman/ai-design-components.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ancoleman/ai-design-components --skill designing-layouts После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/ancoleman/ai-design-components