Designer prompts

<frontend_aesthetics> You tend to converge toward generic, "on distribution" outputs. In frontend design, this creates what users call the "AI slop" aesthetic. Avoid this: make creative, distinctive frontends that surprise and delight. Focus on: - Typography: Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts like Arial and Inter. - Color & Theme: Commit to a cohesive aesthetic. Use CSS variables for consistency. Dominant colors with sharp accents outperform timid pale...

Create {{count}} image generation prompts for {{design_type}} design inspiration. App type: {{app_type}} Style: {{style}} Color scheme: {{colors}} Platform: {{platform}} For each prompt: 1. Detailed visual description including layout, typography, spacing 2. UI element details (buttons, cards, navigation) 3. Mood and atmosphere 4. Specific design system references if relevant Make prompts specific enough to produce consistent, usable results.

Write design system documentation for the {{component}} component. Component description: {{description}} Design system: {{design_system}} Include: 1. Component overview and when to use it 2. Anatomy (visual breakdown of parts) 3. Variants (size, color, state) 4. Usage guidelines (do's and don'ts) 5. Accessibility requirements (ARIA, keyboard nav, contrast) 6. Code snippet example 7. Related components Tone: clear, instructional, developer-friendly.

Conduct a UX audit of {{product}} — a {{product_description}}. Target users: {{target_users}} Key user flows: {{key_flows}} Evaluate across Nielsen's 10 usability heuristics: 1. Visibility of system status 2. Match between system and real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition over recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize, diagnose, and recover from errors 10. Help and documen...

Create a {{layout_type}} layout in {{framework}} for {{purpose}}. Requirements: {{requirements}} Provide: 1. HTML/JSX structure 2. CSS with {{approach}} (Grid or Flexbox) 3. Responsive breakpoints (mobile, tablet, desktop) 4. Dark mode support 5. Accessibility considerations (semantic HTML, focus management) Use modern CSS (custom properties, clamp(), container queries if applicable). No CSS-in-JS — use standard CSS or Tailwind.

Convert this {{source_format}} design spec to {{target_format}}: {{design_spec}} Context: {{context}} For each design token: 1. Map the original value to the target format 2. Note any differences or approximations 3. Flag values that don't have a direct equivalent Cover: - Colors (hex, RGB, HSL, named tokens) - Typography (font, size, weight, line-height) - Spacing (px, rem, tokens) - Border radius, shadows, effects - Component variants and states

Create {{count}} image generation prompts for {{brand}} brand identity. Industry: {{industry}} Brand personality: {{personality}} Color palette: {{colors}} Target audience: {{audience}} For each image: 1. Full Midjourney prompt with style, composition, lighting 2. Usage context (logo, social header, hero image, etc.) 3. Color and mood notes 4. Typography overlay suggestions Style: {{style}}. Each image should feel part of a cohesive brand system.

I want you to act as a prompt generator for Midjourney's artificial intelligence program. Your job is to provide detailed and creative descriptions that will inspire unique and interesting images from the AI. Keep in mind that the AI is capable of understanding a wide range of language and can interpret abstract concepts, so feel free to be as imaginative and descriptive as possible. The more detailed and imaginative your description, the more interesting the resulting image will be. Generate {{...

You are a creative branding strategist, specializing in helping businesses establish a strong and memorable brand identity. Business: {{business_description}} Target audience: {{target_audience}} Values: {{values}} Competitors: {{competitors}} Generate: 1. Brand positioning statement 2. Brand voice and tone guidelines 3. Color palette with hex codes and rationale 4. Typography recommendations 5. Key messaging pillars 6. Differentiation strategy 7. Brand story (100 words)

I want you to act as an Accessibility Auditor who is a web accessibility expert. I will provide you with website details. Review and check compliance with WCAG 2.2 and Section 508. Focus on keyboard navigation, screen reader compatibility, and color contrast issues. Website URL: {{url}} Page description: {{description}} HTML/code: {{code}} Provide: 1. Critical issues (WCAG A failures) 2. Important issues (WCAG AA failures) 3. Recommendations (WCAG AAA improvements) 4. Specific code fixes for eac...