Frontend cursor rules

1,945 tagged Frontend, measured the same way as everything else here.

Browse within: cursor-rules 90cursorrules 84nextjs 80cursor-ai 62modus 50trimble 50design-system 34mdc 33copilot 26reactjs 22vibe-coding 22angular 21boilerplate 20knowledge-base 20

soaring-xiongkulu/easyaiot

Cursor rule Cursor

A set of coding rules for Vue 3 projects using TypeScript, a language that adds type checking to JavaScript. It covers component structure, file locations, TypeScript usage, and Pinia, a library for shared application state.

697 5d ago A 381 tokens original MIT

nextjs

75

ChatbotXIO/ChatbotX

Cursor rule Cursor

You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a…

694 3d ago A 468 tokens

base-components

76

mondaycom/vibe

Cursor rule Cursor

Comprehensive guide for base components in @vibe/core library (BaseInput, BaseList, BaseListItem, InfoText, FieldLabel). Documents their usage patterns, accessibility requirements, form integration patterns, and what consumers need to provide for optimal accessibility and UX. These components serve as foundational…

672 3d ago A 107 tokens

mondaycom/vibe

Cursor rule Cursor

Provides a systematic, research-driven workflow for implementing new Vibe components - for the @vibe/core library (located in "packages/core") - from initial research through final validation. Emphasizes studying existing patterns, following established conventions, and systematic progression through types, component…

672 3d ago A 2,471 tokens

storybook-stories

78

mondaycom/vibe

Cursor rule Cursor

Guides the creation and modification of Storybook files specifically within the 'packages/docs' package. It covers conventions, best practices, and helps answer questions about existing story implementations within 'packages/core'.

672 3d ago A 0 tokens

owl-admin

80

slowlyo/owl-admin

Cursor rule

A set of project rules for Owl Admin, a Laravel-based framework for building web administration panels. It guides how the project should use its page renderer, controllers, services, menus, permissions, APIs, and code generator.

616 3d ago A 258 tokens original MIT

design-mode

81

giselles-ai/giselle

Cursor rule Cursor

User request design mode, use this rule to enable design mode for all files.

553 1mo ago A 17 tokens original Apache-2.0

finesse-ui

83

mouse-lin/finesse-skill

Cursor rule Cursor

The references/.md files are the deep material. Load the one you need for the current phase — do not inline all of them.

532 +12 29d ago A 0 tokens original MIT

display-access

85

facebook/meta-wearables-dat-ios

Cursor rule Cursor ✓ vendor

Display capability setup, display-capable device selection, UI DSL, icons, buttons, images, and video playback.

522 +2 1mo ago A 2,259 tokens

openstory-so/openstory

Cursor rule Cursor

The ActiveLinkOptions type extends the LinkOptions type and contains additional options that can be used to describe how a link should be styled when it is active.

519 3d ago A 0 tokens original MIT

nextjs-standards

89

solana-foundation/solana-com

Cursor rule Cursor

Cursor rule "nextjs-standards" from solana-foundation/solana-com, covering authoritative guidelines, code style, file & folder conventions, rendering strategy and state & data.

504 3d ago A 587 tokens GPL-3.0

cursorrules

90

TanStack/devtools

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

493 3d ago A 45 tokens original MIT

css

91

sybrew/the-seo-framework

Cursor rule Cursor

TSF stylesheet conventions, layout debugging, and minification.

483 7d ago A 224 tokens GPL-3.0

frontend_dev

92

vibesurf-ai/VibeSurf

Cursor rule

Guidelines for frontend development in Langflow, focusing on React/TypeScript UI components, build processes, and frontend testing.

482 6mo ago A 0 tokens

css-styling

93

Consensys/doc.linea

Cursor rule Cursor

CSS architecture, tokens, and styling rules for this Docusaurus site. Apply when creating or modifying components, styles, layouts, or any UI-facing code.

474 6d ago A 0 tokens original Apache-2.0

project

94

agentscope-ai/agentscope-spark-design

Cursor rule Cursor

A project rule containing a short example of creating React components. The supplied text does not explain a broader purpose.

444 9d ago A 434 tokens

rules.general

96

lingyuanli/MultiGen

Cursor rule Cursor

A project rule set for a Next.js application using TypeScript, React, Tailwind CSS, shadcn/ui, Radix UI, and Lucide icons.

401 +1 1mo ago A 1,653 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: