Design Systems
Build consistent UIs and component libraries
150 listings
21st.dev Magic AI Agent
MCP ServerMagic Component Platform (MCP) is a powerful AI-driven tool that helps developers create beautiful, modern UI components instantly through natural language descriptions. It integrates seamlessly with popular IDEs and provides a streamlined workflow for UI development. - AI-Powered UI Generation: Create UI components by describing them in natural language - Multi-IDE Support: - Cursor IDE integrati
React Native Expo
Rules// React Native Expo .cursorrules
Frontend Developer
Build React components, implement responsive layouts, and handle
Mobile Design
Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or native mobile apps.
Vue.js
RulesVue.js best practices and patterns for modern web applications
UI Tars Desktop
A fast, lightweight Model Context Protocol (MCP) server that empowers LLMs with browser automation via Puppeteer’s structured accessibility data, featuring optional vision mode for complex visual understanding and flexible, cross-platform configuration. - ⚡ Fast & lightweight. Utilizes Puppeteer's label index, not pixel-based input and accessibility DOM tree. - 👁️ Vision Mode Support. Optional vi
Shadcn UI
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
UI Visual Validator
Rigorous visual validation expert specializing in UI testing,
Beefree SDK
RulesGuidelines and best practices for building applications with [Beefree SDK](https://docs.beefree.io/beefree-sdk), including installation, authentication, configuration, customization, and template management
Tailwind CSS
RulesTailwind CSS and UI component best practices for modern web applications
React Query
Rules// React + React Query .cursorrules
React Components Creation
RulesCursor Rules
Next.js TypeScript Tailwind CSS
RulesProject Overview
Threat Modeling Expert
Expert in threat modeling methodologies, security architecture review, and risk assessment. Masters STRIDE, PASTA, attack trees, and security requirement extraction. Use for security architecture reviews, threat identification, and secure-by-design planning.
Unity Cursor AI C
Rules// Unity Tower Defense Game using Nintendo Ringcon
React
RulesReact best practices and patterns for modern web applications
Discord Bot Architect
Specialized skill for building production-ready Discord bots. Covers Discord.js (JavaScript) and Pycord (Python), gateway intents, slash commands, interactive components, rate limiting, and sharding.
Cursorrules Cursor AI Next.js 14 Tailwind CSS SEO Setup
RulesYou are an AI assistant specialized in generating TypeScript code for Next.
TypeScript Node.js Next.js AI
RulesDO NOT GIVE ME HIGH LEVEL SHIT, IF I ASK FOR FIX OR EXPLANATION, I WANT ACTUAL CODE OR EXPLANATION!!!
Elixir Engineer Guidelines
RulesAct as an expert senior Elixir engineer.
Next.js Supabase shadcn/ui PWA
Rules**Code Quality & Style**
HTMX Basic
Rules// HTMX Basic Setup .cursorrules
Next.js SEO Dev
RulesAlways add helpful comments to the code explaining what you are doing.
Cursorrules Cursor AI WordPress Draft Macos
RulesThis project is called PressThat.