AI SummaryA comprehensive design system prompt for building glassmorphic dark-themed React applications with Tailwind CSS and Lucide icons, intended for use across multiple AI coding platforms.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "MyApp — System Prompt" prompt rules to my project. Repository: https://github.com/Techlead-ANKAN/MyApp 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 MyApp
Color Usage Guidelines
• Backgrounds: Use dark-900 for main bg, dark-800 for cards, white/5 for glass effects • Borders: Use white/10 for subtle borders, accent-blue/30 for focused elements • Text: Use white for primary text, gray-400 for secondary, gray-500 for placeholders • Overlays: Use black/50 with backdrop-blur-sm for modals ---
🎨 DeepLock Design System - Complete Style Guide
> A comprehensive design system for building modern, glassmorphic dark-themed applications with React, Tailwind CSS, and Lucide icons. ---
📋 Table of Contents
• Color Palette • Typography • Glassmorphism Effects • Component Library • Layout & Spacing • Animations • Icons • Accessibility • Usage Examples ---
Dark Theme Colors (Primary)
`javascript dark: { 50: '#f8f9fa', // Lightest 100: '#f1f3f4', 200: '#e8eaed', 300: '#dadce0', 400: '#bdc1c6', 500: '#9aa0a6', 600: '#80868b', 700: '#5f6368', 800: '#3c4043', // Primary background 900: '#202124', // Deeper background 950: '#0d0e0f' // Darkest } `
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