# Правила IDE по теме «Дизайн» Правила IDE по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 15 карточек - HTML: https://affpapa.org/nevibecode/rules/topic/design - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [spec-driven-workflow-v1](https://affpapa.org/nevibecode/rules/spec-driven-workflow-v1.md) — правило (официальный GitHub) · github · GitHub Copilot · ★ 40451 — Правило ведёт разработку от формулировки требований к проектированию, реализации и проверке. - [power-bi-report-design-best-practices](https://affpapa.org/nevibecode/rules/power-bi-report-design-best-practices.md) — правило (официальный GitHub) · github · GitHub Copilot · ★ 40451 — Правило помогает выбирать визуализации и проектировать структуру отчётов Power BI. - [pcf-fluent-modern-theming](https://affpapa.org/nevibecode/rules/pcf-fluent-modern-theming.md) — правило (официальный GitHub) · github · GitHub Copilot · ★ 40451 — Правило помогает оформлять компоненты PCF с учётом современной темы приложения. - [lwc](https://affpapa.org/nevibecode/rules/lwc.md) — правило (официальный GitHub) · github · GitHub Copilot · ★ 40451 — Задаёт стандарты разработки Lightning Web Components для Salesforce: файловую структуру, замену HTML на компоненты SLDS и правила реактивности. - [html-css-style-color-guide](https://affpapa.org/nevibecode/rules/html-css-style-color-guide.md) — правило (официальный GitHub) · github · GitHub Copilot · ★ 40451 — Правило задаёт ограничения и рекомендации для цветового оформления HTML и CSS. - [toss-style-design-system](https://affpapa.org/nevibecode/rules/toss-style-design-system.md) — правило · PatrickJS · Cursor · ★ 41024 — Правило задаёт сдержанный стиль интерфейсов: серую основу, ясную типографику и аккуратные акценты. - [tailwind-react-firebase-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/tailwind-react-firebase-cursorrules-prompt-file.md) — правило · PatrickJS · Cursor · ★ 41024 — Правило для Cursor задаёт, как писать мобильное веб-приложение на Tailwind, React и Firebase: сначала мобильная вёрстка, потом остальное. - [react-chakra-ui-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/react-chakra-ui-cursorrules-prompt-file.md) — правило · PatrickJS · Cursor · ★ 41024 — Правило задаёт Cursor подход к React-проектам с Chakra UI: компоненты, тему, адаптивность, доступность и структуру каталогов. - [nextjs-material-ui-tailwind-css-cursorrules-prompt](https://affpapa.org/nevibecode/rules/nextjs-material-ui-tailwind-css-cursorrules-prompt.md) — правило · PatrickJS · Cursor · ★ 41024 — Правило задаёт стек Next.js с TypeScript, Tailwind CSS, Material UI и App Router. - [landing-page-image-quality-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/landing-page-image-quality-cursorrules-prompt-file.md) — правило · PatrickJS · Cursor · ★ 41024 — Запрещает ИИ использовать заглушки вроде picsum.photos, требует реальные ассеты, проверку прав, явные размеры для защиты от сдвига вёрстки и валидный alt. - [kubestellar-console](https://affpapa.org/nevibecode/rules/kubestellar-console.md) — правило · PatrickJS · Cursor · ★ 41024 — Правило задаёт нормы для React/TypeScript-фронтенда и Go-бэкенда KubeStellar Console. - [html-tailwind-css-javascript-cursorrules-prompt-fi](https://affpapa.org/nevibecode/rules/html-tailwind-css-javascript-cursorrules-prompt-fi.md) — правило · PatrickJS · Cursor · ★ 41024 — Правило для Cursor задаёт стиль работы с HTML, Tailwind CSS и vanilla JavaScript. - [shadcn](https://affpapa.org/nevibecode/rules/shadcn.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт команде единый стиль работы с shadcn/ui: структура папок, типы, варианты через CVA, формы на React Hook Form и Zod. - [chakra-ui](https://affpapa.org/nevibecode/rules/chakra-ui.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт, как писать интерфейсы на Chakra UI v2: тема через токены, варианты компонентов через рецепты, стилевые пропсы вместо CSS. - [ant-design](https://affpapa.org/nevibecode/rules/ant-design.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило задаёт агенту стандарты работы с Ant Design v6.x: тему через токены, сетку, доступность компонентов. ## Уточнить [react](https://affpapa.org/nevibecode/tag/react.md) · [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [html](https://affpapa.org/nevibecode/tag/html.md) · [javascript](https://affpapa.org/nevibecode/tag/javascript.md) · [charts](https://affpapa.org/nevibecode/tag/charts.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [design-tokens](https://affpapa.org/nevibecode/tag/design-tokens.md) · [firebase](https://affpapa.org/nevibecode/tag/firebase.md) · [go](https://affpapa.org/nevibecode/tag/go.md) · [landing-page](https://affpapa.org/nevibecode/tag/landing-page.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md