Frontend Cursor rules

2,655 tagged Frontend, measured the same way as everything else here.

Browse within: cursorrules 133modus 114trimble 114ai-coding 108nextjs 106cursor-rules 86awesome-list 80ai-assistant 66bilingual 61chinese 61cursor-ai 57agentic-engineering 52local-ai 51knowledge-base 50

gradio

242

WangTingYeYe/llm-agent-study

Cursor rule Cursor

A set of coding rules for using Gradio, a Python tool for building interfaces around machine-learning applications. The rules cover its client library, API calls, streaming results, errors, jobs, deployment, and security considerations.

not rated 4 1y ago A 0 tokens original MIT

navigo

243

benallfree/vibescale

Cursor rule Cursor

Whenever routing/navigation in the ui are discussed.

not rated 4 1y ago A 8 tokens original MIT

cursor

246

gashiartim/seo-enhancer

Cursor rule

SEO audit and implementation for Next.js, Remix, and React SPAs. Auto-attached to page, layout, and route files. Covers meta tags, Open Graph, Twitter cards, JSON-LD, sitemaps, robots.txt, i18n/hreflang, and image SEO.

not rated 4 4mo ago A 0 tokens

30-scss-and-build

248

sowee121/frontend-interview-vue

Cursor rule Cursor

Coding rules for Sass, a stylesheet language, and Vite, a tool that builds front-end applications. They define naming, file organization, automatic variables, and deployment paths.

not rated 4 1mo ago A 0 tokens original MIT

modern-flexbox

249

maccman/ai-expo-starter-template

Cursor rule Cursor

// ✅ GOOD: Use gap for automatic spacing const styles = StyleSheet.create({ container: { gap: 16, // Consistent 16px between all children paddingBottom: 20, }, }).

not rated 4 11mo ago A 0 tokens original MIT

micrographic

250

albegosu/micrographic-skill

Cursor rule Cursor

Micrographic UI — dense, technical, schematic design (spec sheet / industrial aesthetic). Use the installed micrographic skill for components and views.

not rated 4 3mo ago A 173 tokens original MIT

67-stack-nextjs15

251

Luxvil/ai-coding-rules

Cursor rule Cursor

USE WHEN: working with Next.js 15 App Router, React Server Components, or Server Actions.

not rated 3 5d ago A 0 tokens copy · 100% MIT

cursorrules

252

mvtandas/wordpress-claude-stack

Cursor rule Cursor

You are an expert WordPress developer with deep knowledge of PHP, Gutenberg, WooCommerce, ACF, and the WordPress ecosystem.

not rated 3 4mo ago A 706 tokens original MIT

cursorrules

254

studioalexwolf/cursor-design-rules

Cursor rule Cursor

Circular buttons MUST be FIXED width = FIXED height with cornerRadius = size/2. Never use HUG or AUTO sizing on circular buttons.

not rated 3 6mo ago A 2,886 tokens

adrianomelo/cursor-project-rules

Cursor rule Cursor

This document outlines best practices for developing and maintaining the Cursor Project Rules extension, which manages .mdc rule files from Git repositories to enhance AI coding assistance.

not rated 3 1y ago A 0 tokens original MIT

gokulkrishh/.cursor

Cursor rule

Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.

not rated 3 7mo ago A 1,640 tokens original MIT

monich

263

WyvernCW/Monich

Cursor rule Cursor

Build premium scroll-driven showcase websites after scanning the template folder and adapting references into fresh responsive code.

not rated 3 2mo ago A 0 tokens original MIT

youjunxiaji/gl-mcp-feedback

Cursor rule Cursor

A set of project rules for a web-based tool where people and AI agents exchange feedback. The project uses Tailwind CSS and inline JavaScript in the browser, with Python, FastAPI, and Jinja2 on the server.

not rated 3 2mo ago A 1,617 tokens

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: