AI SummaryA comprehensive system prompt template for AI-assisted web development that guides creation of modern, production-ready websites with clear design principles, tech stack specifications, and customizable variables for projects like SaaS, e-commerce, and dashboards.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "mattr — System Prompt" prompt rules to my project. Repository: https://github.com/ahmadrazahassan/mattr Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
System Prompt for mattr
PROJECT OVERVIEW
• Project Name: [PROJECT_NAME] • Project Type: [SaaS Platform / E-commerce / Portfolio / Marketing Site / Dashboard / Blog / etc.] • Target Audience: [Developers / Designers / General Public / Enterprise / etc.] • Primary Goal: [Generate leads / Sell products / Showcase work / Provide information / etc.] • Tech Stack: Next.js 15 (App Router), TypeScript, Tailwind CSS, [Additional libraries]
Usage Rules
• Background: Page backgrounds, large sections • Foreground: Body text, headings, icons • Accent: CTAs, active states, important highlights (use sparingly - 5-10% of UI) • Muted: Secondary text, subtle borders, disabled states • Card: Elevated surfaces, cards, modals
For AI-Assisted Development (Cursor, Claude, GPT, etc.)
> Created by: Senior Full-Stack Developer & Design Systems Architect > Purpose: A comprehensive, reusable prompt template for building modern, production-ready websites with AI assistance > Applicable to: Any web project - SaaS, E-commerce, Portfolio, Marketing, Dashboard, etc. ---
🎯 How to Use This Prompt
Copy the relevant sections below and customize the bracketed [VARIABLES] for your specific project. This prompt is designed to guide AI assistants in creating consistent, modern, and maintainable web applications. ---
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts