Frontend Cursor rules

powerusers/technasm

Cursor rule Cursor

Technasm closed CSS grammar for AI-generated HTML UI.

aKaradzhov97/cursor-settings-and-rules

Cursor rule Cursor

You are an expert in Typescript, React, Next.js, TailwindCSS, ShadcnUI.

t-code4change/nextjs-claude-skills

Cursor rule

Next.js App Router best practices — SEO, performance, caching, Server Components.

YYShawn/explain-kit

Cursor rule

A Cursor rule for adding a guided walkthrough to a static HTML prototype: a movable explanation card, step markers, highlighted page areas, and text for each step. It works in a copy of the demo so the original remains untouched.

devbrother2024/saas-starter-kit

Cursor rule Cursor

A set of project rules for building a SaaS application, meaning an online service that users access through the web, with Next.js. It promotes adding features gradually while keeping the project structured for growth.

HappyDoggyAI/superui

Cursor rule Cursor

Use SuperUI for frontend UI design, redesign, DESIGN.md, planning, implementation, responsive QA, accessibility, and review.

emporix/md-module-template

Cursor rule Cursor

Core conventions for all Emporix frontend work.

FluroAsh/lunch-wheel-of-fortune

Cursor rule Cursor

Standards for writing Tailwind className strings in TSX components.

drewsephski/create-v1

Cursor rule Cursor

Code Style and Structure.

nickscamara/fire-scan

Cursor rule Cursor

Code Style and Structure.

lxw-bfw/sty-morning-scratch

Cursor rule Cursor

A set of coding rules for projects that use Vue 3, Vite, and TypeScript. Vue is a tool for building user interfaces, Vite is a web development build tool, and TypeScript adds type checking to JavaScript.

JrPribs/SmarterStarter

Cursor rule Cursor

import { createStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals'; import { rxMethod } from '@ngrx/signals/rxjs-interop'; import { pipe, switchMap, map, catchError } from 'rxjs'; import { inject } from '@angular/core'; import { tapResponse } from '@ngrx/operators'.

workwsl/taro-tailwind-template

Cursor rule Cursor

A set of stylesheet-writing rules written in Chinese. It prioritizes Tailwind, with Less or CSS as supporting options, and includes BEM naming, CSS variables, and mini-program compatibility.

truman-t3/tinted-ui-tokens-skills

Cursor rule

Generate a brand-tinted UI design-token system (CSS) from a single brand color. No pure neutral colors.

Omerfaruk-aydn/sitecloner

Cursor rule Cursor

Site Clone AI — website klonlama pipeline kuralları.

Tght1211/dream-ui

Cursor rule Cursor

A set of visual rules for building web interfaces in a glassmorphism style, which uses translucent, blurred surfaces to create a glass-like appearance.

deggertsen/bondfires

Cursor rule Cursor

Legend State v3 patterns for state management.

jaqb8/language-learning-buddy

Cursor rule Cursor

Best practices for creating form components with React Hook Form and Zod.

asunYLiu/practiceAI

Cursor rule Cursor

When designing a frontend or frontend components.

emilyLi2020/WAVE

Cursor rule Cursor

WAVE frontend guardrails — applies to every file under client/.

icoach/ai-rules

Cursor rule Cursor

These are general coding rules.

ssheleg/sheleg-design-skill

Cursor rule

Apply SHELEG Design when building a cinematic scroll-driven landing page, hero, or particle/WebGL scroll experience — or when styling product UI (dashboards, admin, internal tools) with its style packs.

Talibabtou/website-shower

Cursor rule Cursor

Read-only Website Shower cleanup audit.

tambo-labs/charming-mcp

Cursor rule Cursor

Build, host, update, or share a persistent web app with Charming (real URL + storage) instead of a throwaway snippet. Use whenever the user wants an app that outlives the chat.