# Правила IDE по теме «Фронтенд и UI» Правила IDE по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 66 карточек · страница 2 из 2 - HTML: https://affpapa.org/nevibecode/rules/topic/frontend?page=2 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [flutter-development-guidelines-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/flutter-development-guidelines-cursorrules-prompt-file.md) — правило · PatrickJS · Cursor · ★ 41011 — Задаёт структуру проекта, нейминг и стиль Dart для Flutter-приложений на MVVM с Riverpod. - [cursor-ai-react-typescript-shadcn-ui-cursorrules-p](https://affpapa.org/nevibecode/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.md) — правило · PatrickJS · Cursor · ★ 41011 — Правило для Cursor, которое настраивает агента писать на React и TypeScript так, как принято в проектах с shadcn/ui и Tailwind CSS. - [cloudflare-workers-hono-angular-saas-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/cloudflare-workers-hono-angular-saas-cursorrules-prompt-file.md) — правило · PatrickJS · Cursor · ★ 41011 — Правило для Cursor задаёт стек и соглашения для SaaS на Cloudflare Workers: Hono API, Angular, Drizzle, Clerk, Stripe. - [chrome-extension-dev-js-typescript-cursorrules-pro](https://affpapa.org/nevibecode/rules/chrome-extension-dev-js-typescript-cursorrules-pro.md) — правило · PatrickJS · Cursor · ★ 41011 — Правило для Cursor, которое настраивает агента писать код расширений Chrome на JavaScript и TypeScript по единому своду соглашений. - [android-jetpack-compose-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/android-jetpack-compose-cursorrules-prompt-file.md) — правило · PatrickJS · Cursor · ★ 41011 — Правило для Cursor, которое задаёт агенту ориентиры по Android-разработке на Jetpack Compose: архитектура, состояние, тесты. - [vercel](https://affpapa.org/nevibecode/rules/vercel.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor с набором рекомендаций по разработке и деплою приложений на Vercel. - [three-js](https://affpapa.org/nevibecode/rules/three-js.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт стандарты разработки на three.js: обработка ошибок WebGL, ленивая загрузка ассетов, оптимизация цикла рендера и освобождение ресурсов. - [svelte](https://affpapa.org/nevibecode/rules/sanjeed5-svelte.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт, как писать компоненты Svelte 5: руны вместо старой реактивности, типизация и ключи в списках. - [streamlit](https://affpapa.org/nevibecode/rules/streamlit.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт, как писать приложения на Streamlit: кэшировать тяжёлые операции, держать UI отдельно от логики и разбивать проект на модули. - [shadcn](https://affpapa.org/nevibecode/rules/shadcn.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт команде единый стиль работы с shadcn/ui: структура папок, типы, варианты через CVA, формы на React Hook Form и Zod. - [react](https://affpapa.org/nevibecode/rules/sanjeed5-react.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт команде единые стандарты React: чистые компоненты, правила хуков, структура по фичам. - [react-native](https://affpapa.org/nevibecode/rules/react-native.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило задаёт обязательные практики для React Native: feature-first структуру, функциональные компоненты, хуки и типизацию. - [qwik](https://affpapa.org/nevibecode/rules/qwik.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило Cursor, которое подсказывает агенту, как писать Qwik-приложения: component$, useStore, QRL с суффиксом $ и загрузка данных через loader$. - [playwright](https://affpapa.org/nevibecode/rules/playwright.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило задаёт Cursor стандарты написания end-to-end тестов на Playwright: официальный раннер, устойчивые локаторы, отказ от ручных задержек. - [mobx](https://affpapa.org/nevibecode/rules/mobx.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт структуру MobX-приложения на React: единый RootStore, явные observables и observer только на листовых компонентах. - [microsoft-teams](https://affpapa.org/nevibecode/rules/microsoft-teams.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor с набором практик разработки приложений Microsoft Teams: структура проекта, Fluent UI, Adaptive Cards и Microsoft Graph. - [material-ui](https://affpapa.org/nevibecode/rules/material-ui.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило задаёт Cursor единый стиль работы с Material-UI: структура папок, тема, стили и компоненты. - [flutter](https://affpapa.org/nevibecode/rules/flutter.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило задаёт Cursor единый стиль Flutter-кода: форматирование, линты, слои MVVM и Riverpod. - [esbuild](https://affpapa.org/nevibecode/rules/esbuild.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor, которое задаёт агенту порядок работы с esbuild: один конфиг вместо россыпи флагов в package.json. - [electron](https://affpapa.org/nevibecode/rules/electron.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт команде единый стиль разработки на Electron: контекстная изоляция, безопасный contextBridge, IPC через invoke и кросс-платформенные пути. - [d3](https://affpapa.org/nevibecode/rules/d3.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт, как писать код визуализаций на D3.js v7+: модульные импорты, selection.join() вместо ручного enter/update/exit, стили через CSS. - [codemirror](https://affpapa.org/nevibecode/rules/codemirror.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт, как писать редакторы на CodeMirror 6: модульные импорты, неизменяемое состояние, конфигурация через расширения. - [chakra-ui](https://affpapa.org/nevibecode/rules/chakra-ui.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт, как писать интерфейсы на Chakra UI v2: тема через токены, варианты компонентов через рецепты, стилевые пропсы вместо CSS. - [aws-amplify](https://affpapa.org/nevibecode/rules/aws-amplify.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило задаёт Cursor стиль работы с AWS Amplify Gen 2: отдельные файлы ресурсов, модульные функции, типизированные запросы к данным. - [apollo-graphql](https://affpapa.org/nevibecode/rules/apollo-graphql.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило для Cursor задаёт порядок работы с Apollo GraphQL: сначала схема на SDL, потом резолверы. - [ant-design](https://affpapa.org/nevibecode/rules/ant-design.md) — правило · sanjeed5 · Cursor · ★ 3579 — Правило задаёт агенту стандарты работы с Ant Design v6.x: тему через токены, сетку, доступность компонентов. ## Уточнить [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [react](https://affpapa.org/nevibecode/tag/react.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [nextjs](https://affpapa.org/nevibecode/tag/nextjs.md) · [javascript](https://affpapa.org/nevibecode/tag/javascript.md) · [vite](https://affpapa.org/nevibecode/tag/vite.md) · [vue](https://affpapa.org/nevibecode/tag/vue.md) · [zod](https://affpapa.org/nevibecode/tag/zod.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [python](https://affpapa.org/nevibecode/tag/python.md) · [react-native](https://affpapa.org/nevibecode/tag/react-native.md) · [csharp](https://affpapa.org/nevibecode/tag/csharp.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md