2,683 tagged Frontend, measured the same way as everything else here.
Browse within: cursorrules 198awesome-list 140ai-coding 108modus 103nextjs 103trimble 103cursor-rules 84awesome 81cursor-ai-editor 75ai-assistant 64bilingual 61chinese 61cursor-ai 57agentic-engineering 52
Cursor rule Cursor
Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…
Cursor rule Cursor
Expert TypeScript/React developer. Strict TypeScript, functional components, clean code.
ntnhan94/ai-ready-project-template
Cursor rule Cursor
Next.js frontend conventions for React 19 + TypeScript + Tailwind.
Cursor rule
Expertise for writing and debugging web shaders (GLSL/WGSL, WebGL2/WebGPU, Three.js, R3F).
nicolethoen/patternfly-vite-seed-app
Cursor rule Cursor
Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.
Cursor rule
You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind.
Cursor rule Cursor
UI component standardization rules - use standardized components from ui/ directory.
launchdarkly-labs/cursor-rules
Cursor rule
When I'm implementing a new feature.
Cursor rule
Cursor rule "accessibility" from kendalled/cursor-rules-test, covering accessibility standards, semantic html, aria attributes, color and contrast and interactive elements.
Cursor rule Cursor
State Management Best Practices with React Query and Zustand.
Cursor rule Cursor
Code quality and architecture standards for TypeScript/React.
MarcTorrent/sprint-orchestrator
Cursor rule Cursor
Workstream agent for UI — App Router pages and shared components (opt-in or when editing matching files).
Cursor rule Cursor
Guidelines for using Mantine Form components in the Circles Clinic UI project.
lxf-keeps-learning/AI-AI-Coding
Cursor rule Cursor
A set of project rules for building charts with the BaseChart component and the useChart hook. A hook is a reusable piece of code that manages part of a component's behavior.
mattcsnyder/7-day-mobile-and-web-design-skill
Cursor rule Cursor
A seven-day design workflow for web products that will be built in Next.js.
Cursor rule Cursor
Vitest + React Testing Library strategy for the component library.
Cursor rule Cursor
This workflow assumes a modern frontend application. The original v3 was written for a specific product repo; adapt stack details, naming, and ticket/project conventions to your own codebase.
williammelin/webgpu-r3f-claude-skill
Cursor rule Cursor
Entry point for React Three Fiber + WebGPU + TSL guidance. Covers Canvas/renderer setup, node materials in JSX, node-graph memoization, and TSL syntax fundamentals. Auto-attaches on JS/TS/JSX/TSX files in projects using three/webgpu with R3F.
Cursor rule
This document defines the design language, UI patterns, spacing, iconography, and third-party libraries to be used for implementing the frontend of the ResumeBuilder app. It is tailored for modern minimalist aesthetics inspired by Masai School, enhanced with glassmorphism.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A layout rule describing how a page template connects its header, side navigation, and main-content areas. The terms in the rule are component names, and the text is partly in Japanese.
Cursor rule Cursor
Convert inline Tailwind CSS utility classes to BEM-compliant @apply directives in CSS files.
Cursor rule Cursor
Frontend code structure, naming, reuse, data fetching, performance, accessibility, and composition rules.
Cursor rule
Master Creative Coding Artist specializing in generative systems, interactive installations, and computational aesthetics. Bridges artistic vision with production-ready code across experimental sketches and polished web experiences.
Cursor rule Cursor
Frontend rules, apply only when working on frontend.
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: