This rule provides comprehensive best practices and coding standards for Angular development with Angular Material, focusing on Material 3 (a.k.a. M3) design, theme configuration and various API usages.
End-to-end AI design system with 190+ styles, AI photo generation, and pixel-perfect export. Use when designing posters, carousels, thumbnails, PDFs, websites, or any visual content.
A set of coding rules for Ant Design version 6, a React component library for building user interfaces. It describes the current APIs and the older APIs that should no longer be used.
Author Diagrammer JSON for the Diagrammer viewer. Use whenever the user asks for a mind map, concept map, flowchart, tree, dependency graph, ER diagram, or timeline. Output a single JSON document conforming to the schema below.
Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.
Build an explorable isometric diagram of a codebase — blocks on a grid, a component index, a what-it-does/how-it's-built panel, and real data moving along the edges. Use when asked to map, diagram or visually explain how a system fits together.
Create, edit, and validate JSON Canvas .canvas files with text, file, link, and group nodes and directed edges. Use for portable visual boards and Obsidian canvases, not HTML canvas code, images, slides, or Mermaid diagrams.
Figma → iOS UIKit codegen workflow. Apply when the user mentions figma / figma.com and wants to convert or generate Swift/UIKit code. Enforces: data package first (preload CLI), bindings maps, full node coverage, audit.json, then coverage + screenshot verification. Do NOT load for unrelated tasks.
Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.
Cursor rule "design-spec-gatekeeper" from eeeeevon2025/ux-specs-starter-kit, covering always active, event-driven, state and edge case behavior, content and hierarchy and what is working.
How to edit a live WordPress site through the Respira MCP server. Use when working on WordPress pages, posts, page builders (Elementor, Divi, Bricks, Gutenberg and others) or WooCommerce through respira tools.
Product Designer persona — service design, interaction design, visual design, iOS HIG, branding. Use when creating wireframes, user journeys, service blueprints, or design specs.
★not rated 8 7mo agoA37 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: