NeVibeCode · 66 items
IDE rules for Frontend and UI
Rules for Frontend and UI: what each one does, an install command and example prompts.
flutter-development-guidelines-cursorrules-prompt-file rule Locks down folder layout, naming and Dart style for Flutter apps built on MVVM with Riverpod. Useful when the agent scatters files across the project.
★ 41,011repo stars
cursor-ai-react-typescript-shadcn-ui-cursorrules-p rule A Cursor rule that pushes the agent toward React and TypeScript code written the way shadcn/ui and Tailwind CSS projects expect.
★ 41,011repo stars
cloudflare-workers-hono-angular-saas-cursorrules-prompt-file rule A Cursor rule that pins the stack and conventions for SaaS on Cloudflare Workers: Hono API, Angular, Drizzle, Clerk, Stripe.
★ 41,011repo stars
chrome-extension-dev-js-typescript-cursorrules-pro rule A Cursor rule that points the agent at one set of conventions for building Chrome extensions in JavaScript and TypeScript.
★ 41,011repo stars
android-jetpack-compose-cursorrules-prompt-file rule A Cursor rule that steers the agent through Android development with Jetpack Compose: architecture, state, tests.
★ 41,011repo stars
vercel rule A Cursor rule with opinionated guidance for building and deploying on Vercel. Useful when your agent writes Next.js code and you want it to follow the platform's conventions.
★ 3,579repo stars
three-js rule A Cursor rule that sets three.js coding standards: WebGL error handling, lazy asset loading, render loop optimization and explicit resource disposal.
★ 3,579repo stars
svelte rule A Cursor rule that pins down how Svelte 5 components get written: runes instead of legacy reactivity, typed scripts, keyed lists. Useful when the project already runs Svelte 5.
★ 3,579repo stars
streamlit rule A Cursor rule that tells the agent how to build Streamlit apps: cache expensive work, keep UI apart from logic, split the project into modules.
★ 3,579repo stars
shadcn rule A Cursor rule that pins down how a team builds with shadcn/ui: folder layout, typed props, CVA variants, forms on React Hook Form and Zod. Useful once a component library starts growing.
★ 3,579repo stars
react rule A Cursor rule that pins down React conventions for a team: pure components, hook rules, feature-based structure. Useful when an AI agent writes code in its own style.
★ 3,579repo stars
react-native rule A Cursor rule that sets mandatory React Native practices: feature-first layout, functional components, hooks and typing. Useful once a project outgrows a flat folder.
★ 3,579repo stars
qwik rule A Cursor rule that tells the agent how to write Qwik apps: component$, useStore, $-suffixed QRLs and data loading through loader$.
★ 3,579repo stars
playwright rule A Cursor rule that sets the standard for Playwright end-to-end tests: official runner, resilient locators, no manual waits.
★ 3,579repo stars
mobx rule A Cursor rule that lays out MobX state in React: one RootStore, explicit observables, and observer only on leaf components.
★ 3,579repo stars
microsoft-teams rule A Cursor rule with opinionated practices for Microsoft Teams apps: project structure, Fluent UI, Adaptive Cards and Microsoft Graph.
★ 3,579repo stars
material-ui rule This rule tells Cursor how to write React code with Material-UI: folder layout, theme setup, styling and component style. Useful when a MUI codebase grows and you want consistent choices.
★ 3,579repo stars
flutter rule A Cursor rule that pins down Flutter code style: formatting, lints, MVVM layers and Riverpod. Useful when the agent mixes widgets and state in one file.
★ 3,579repo stars
esbuild rule A Cursor rule that gives the agent a fixed way to configure esbuild: a single .mjs config rather than CLI flags spread across package.json. Useful when a build works but nobody wants to touch it.
★ 3,579repo stars
electron rule A Cursor rule that pins down how your team writes Electron code: context isolation, safe contextBridge APIs, request-response IPC and cross-platform paths.
★ 3,579repo stars
d3 rule A Cursor rule that tells the agent how to write D3.js v7+ charts: modular imports, selection.join(), external CSS for styling.
★ 3,579repo stars
codemirror rule A Cursor rule that sets how to build CodeMirror 6 editors: modular imports, immutable state, extension-driven config.
★ 3,579repo stars
chakra-ui rule A Cursor rule that tells the agent how to build Chakra UI v2 interfaces: token-first theming, component recipes, style props instead of CSS.
★ 3,579repo stars
aws-amplify rule A Cursor rule that sets conventions for AWS Amplify Gen 2: split resource files, single-purpose functions, typed data access. Useful when your Amplify backend keeps growing.
★ 3,579repo stars
apollo-graphql rule A Cursor rule that puts the GraphQL schema before the resolvers in Apollo projects. Useful when your codebase is JavaScript or JSX.
★ 3,579repo stars
ant-design rule A Cursor rule that tells the agent how to build UI with Ant Design v6.x: tokens for theming, the grid for layout, accessible components. Useful on React projects already using antd.
★ 3,579repo stars
41–66 of 66
