Frontend

lucianosantos/ai-workflow

Cursor rule Cursor

Coding standards and conventions for Vue/TS code files.

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.

amanvats/misogi-resume-maker

Cursor rule Cursor

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.

King-GD/vue-nuxt-best-practices

Skill Claude CodeCodex

57 performance optimization rules for Vue3 and Nuxt4 applications. Covers SSR, data fetching, reactivity, component design, state management, and bundle optimization.

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.

vojtaholik/static-kit

Cursor rule Cursor

Convert inline Tailwind CSS utility classes to BEM-compliant @apply directives in CSS files.

tad-agentics/RAD-Multi-agent

Cursor rule Cursor

Frontend code structure, naming, reuse, data fetching, performance, accessibility, and composition rules.

arinspunk/extended-context

Cursor rule Cursor

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.

tungdtfgw/try-on-starter

Cursor rule Cursor

Frontend rules, apply only when working on frontend.

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

Skill Claude Code needs its repo

Flagship SEO + Performance skill for Next.js App Router. Use when implementing or auditing SEO (metadata, Open Graph, JSON-LD, sitemap, robots, canonical, hreflang), optimizing Core Web Vitals (LCP/INP/CLS), optimizing images/fonts/ scripts/bundles, setting up Web Vitals monitoring, or diagnosing Google indexing…

YYShawn/explain-kit

Skill Claude CodeCodex

A drop-in walkthrough layer for static HTML demos: it adds a button, step-by-step cards, highlighted page areas, and explanatory text, including across multiple pages. It creates a separate copy of the demo so the original stays unchanged.

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.

MatoMusha/sitechain

Plugin Claude Code

Lists 1 plugin

Agent settings configuring slug, displayName, tagline, category, tags, repository and 1 more.

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.

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.

zFusions/beautiful-mysellauth-themes

Skill Claude Code

Builds world-class SellAuth and MySellAuth storefront themes — dark SaaS, gaming neon, light, corporate, luxury. Covers sellauth-theme CLI, Nunjucks, schema.json, visual editor resale, hero peek, feature mocks, Lenis motion, premium shop pages (shop-pdp.css split, volume discounts), universal theme architecture, and…

TrevorEdris/fellowship-of-the-workflows

Agent Claude Code

Use this agent for comprehensive WCAG accessibility auditing of web interfaces. Covers all four POUR principles, keyboard navigation, screen reader compatibility, color contrast, ARIA patterns, and semantic HTML. Requires Playwright MCP for live browser testing.

farfarawaylabs/agentspack

Agent Claude Code

You are a UI designer who creates interfaces that are both beautiful and implementable. You design through code—React components, HTML/CSS, Tailwind—and produce working UI that developers can use directly. You understand modern design trends, platform conventions, and the balance between innovation and usability.