NeVibeCode · 66 items
IDE rules for Frontend and UI
Rules for Frontend and UI: what each one does, an install command and example prompts.
vue
official rule A Copilot instruction file that sets Vue 3 conventions: Composition API, <script setup>, reactivity, Pinia and Vue Router. Useful when the agent writes components your way.
★ 40,418repo stars
tanstack-start-shadcn-tailwind
official rule A Copilot instruction file that pins the stack to TanStack Start, Shadcn/ui and Tailwind CSS, with Zod validating every external payload.
★ 40,418repo stars
power-bi-custom-visuals-development
official rule A GitHub Copilot rule that gives the agent patterns for building Power BI custom visuals with React, D3.js and TypeScript.
★ 40,418repo stars
pcf-manifest-schema
official rule A rule that feeds Copilot the structure of ControlManifest.Input.xml: which elements and attributes exist and what they do. Useful when editing a PCF component manifest.
★ 40,418repo stars
pcf-events
official rule A rule that tells Copilot how to declare and handle custom events in Power Apps Component Framework components.
★ 40,418repo stars
pcf-code-components
official rule A rule that teaches Copilot how Power Apps code components are built: manifest, TypeScript implementation, resources. Useful when editing ControlManifest.Input.xml or index.ts.
★ 40,418repo stars
dotnet-maui
official rule This rule steers Copilot toward idiomatic .NET MAUI: MVVM, CollectionView over ListView, Shell navigation. Useful once the agent starts editing XAML and C#.
★ 40,418repo stars
blazor
official rule Guides GitHub Copilot on Razor component structure, C# 14 features, caching, and state management in Blazor applications.
★ 40,418repo stars
astro
official rule A Copilot rule that sets Astro 7 conventions: islands architecture, the Content Layer API, TypeScript, and server-first rendering by default.
★ 40,418repo stars
vue rule A Cursor rule that tells the agent how to write Vue: Composition API, Pinia, typing and routing. Useful when the project already has .vue and .ts files.
★ 41,011repo stars
vue-3-nuxt-3-typescript-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write Vue 3 and Nuxt 3 code: Composition API, TypeScript interfaces, Nuxt conventions. Useful when the project already runs this stack.
★ 41,011repo stars
typescript-vite-tailwind-cursorrules-prompt-file rule A Cursor rule that pins down TypeScript code style for Vue projects built with Vite and styled with Tailwind. Useful when you want the agent's output to stay predictable.
★ 41,011repo stars
typescript-nodejs-nextjs-react-ui-css-cursorrules- rule A Cursor rule that pins down how the agent writes TypeScript, Next.js App Router, React and Tailwind code. Useful when generated components drift from your conventions.
★ 41,011repo stars
typescript-nextjs-supabase-cursorrules-prompt-file rule A Cursor rule that keeps TypeScript work on Next.js App Router and Supabase consistent: server components first, Shadcn UI, Tailwind.
★ 41,011repo stars
typescript-code-convention-cursorrules-prompt-file rule A Cursor rule that pins down TypeScript code style for Next.js App Router, React, Expo, tRPC and Tailwind projects. Useful when the agent writes code inconsistently.
★ 41,011repo stars
tauri-svelte-typescript-guide-cursorrules-prompt-f rule A Cursor rule that sets how the agent writes desktop apps with Tauri: Svelte on the frontend, TypeScript for types.
★ 41,011repo stars
tanstack-router rule A Cursor rule that sets agent conventions for TanStack Router v1: file-based routes, typed params and loader-based data fetching.
★ 41,011repo stars
tanstack-query-v5-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write TanStack Query v5 code: query keys, mutations, optimistic updates, Suspense and prefetching.
★ 41,011repo stars
tailwind-react-firebase-cursorrules-prompt-file rule A Cursor rule that sets conventions for a mobile-first web app built with Tailwind, React and Firebase.
★ 41,011repo stars
sveltekit-typescript-guide-cursorrules-prompt-file rule A Cursor rule that points the agent at Svelte 5, SvelteKit and TypeScript: project structure, runes, state handling.
★ 41,011repo stars
svelte rule A Cursor rule that steers the agent toward Svelte conventions: component structure, reactivity, stores, SvelteKit routing and tests. Useful when the agent writes or edits Svelte code.
★ 41,011repo stars
solidjs-tailwind-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write Solid.js code with Tailwind CSS: signals, utility classes, folder layout.
★ 41,011repo stars
shopify-theme-dev-liquid rule A Cursor rule collecting Shopify theme practices across Liquid, JavaScript, CSS, accessibility and performance. Useful when you build a theme and want the agent to keep the structure.
★ 41,011repo stars
rtl-right-to-left-i18n-cursorrules-prompt-file rule A Cursor rule that pushes the agent toward logical CSS and Tailwind utilities instead of left/right. Useful when the app has to run in Arabic, Hebrew, Persian or Urdu.
★ 41,011repo stars
react rule This rule hands Cursor a set of React conventions: component structure, hooks, state, forms and accessibility. Useful when a project has plenty of .tsx and .jsx and you want one style.
★ 41,011repo stars
react-typescript-nextjs-nodejs-cursorrules-prompt- rule A Cursor rule that pins down React, TypeScript, Next.js 14 and Node.js conventions: functional components, RORO, minimal use client.
★ 41,011repo stars
react-styled-components-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write React code with styled-components: functional components, theming through ThemeProvider, a fixed folder layout.
★ 41,011repo stars
react-query-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write React Query code: where QueryClient lives, how hooks and query keys are named.
★ 41,011repo stars
react-native-expo-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write React Native code with Expo. Useful when you want new screens and components to follow one stack.
★ 41,011repo stars
qwik-basic-cursorrules-prompt-file rule A Cursor rule that sets Qwik conventions for the agent: lazy functions with the $ suffix, signals, tasks, and a TypeScript plus Vite project layout.
★ 41,011repo stars
nextjs15-supabase-cursorrules-prompt-file rule A Cursor rule that keeps the agent inside a Next.js 15, Supabase and TypeScript strict stack — from session checks to RLS and Stripe keys.
★ 41,011repo stars
nextjs-vercel-typescript-cursorrules-prompt-file rule A Cursor rule that sets code style and file structure for Next.js projects with TypeScript, Vercel middleware and a KV database.
★ 41,011repo stars
nextjs-typescript-cursorrules-prompt-file rule A Cursor rule that pins the Next.js and TypeScript stack and the agent's working order: plan first, one file at a time, fixed reply format.
★ 41,011repo stars
nextjs-tailwind-typescript-apps-cursorrules-prompt rule A Cursor rule that points the assistant at Next.js, Tailwind CSS and TypeScript. It sets the working order: plan in pseudocode first, code after.
★ 41,011repo stars
nextjs-react-typescript-cursorrules-prompt-file rule A Cursor rule that tells the agent how to write code in Next.js 14 App Router, React and TypeScript projects.
★ 41,011repo stars
nextjs-app-router-cursorrules-prompt-file rule A Cursor rule that hands the agent a set of Next.js App Router habits: server components by default, file-based routing, separate files for loading and errors.
★ 41,011repo stars
javascript-chrome-apis-cursorrules-prompt-file rule A Cursor rule that points the AI agent at Chrome extension work: manifest, architecture, Chrome API usage.
★ 41,011repo stars
htmx-go-fiber-cursorrules-prompt-file rule A Cursor rule for Go projects built on Fiber with HTMX: it pins down folder layout, routing and template rendering so the agent stops improvising.
★ 41,011repo stars
htmx-django-cursorrules-prompt-file rule A Cursor rule that keeps the agent on Django rails while it writes HTMX code: templates, forms, CSRF, class-based views.
★ 41,011repo stars
graphical-apps-development-cursorrules-prompt-file rule A Cursor rule that feeds the agent the Pyllments context: graph-based LLM apps in Python built on Panel and Langchain.
★ 41,011repo stars
1–40 of 66
