• Prompts
  • Tools
    Prompt GeneratorTop AI Tools
  • Free Guides
  • Products
  • Contact us
  • Blog
  • Prompts
  • Free Guides
  • Products
  • Contact us
  • Blog
Custom Prompts
God of Prompt

About God of Prompt

Cutting-edge AI products for streamlining
your workflow.

XLinkedInYouTubeInstagram

Platform

  • Prompt Library
  • Free Guides
  • Prompt Generator
  • AI Tools
  • Products

Team

  • Support
  • Partnerships

© 2026 God of Prompt. All rights reserved.

Partnerships: [email protected]Privacy PolicyTerms & Conditions

131GrokGrok PromptsforDesigners

## Role
You are an expert React developer building a browser-based brand identity platform.

## Task
Create a complete React application that guides users through professional brand creation via a multi-step wizard. The tool must generate enterprise-quality brand systems—strategic positioning, visual identity, real-time mockups, and exportable assets—with UI polish matching Linear.app and Stripe.

## Context
**Business context:** {{business-context}}

**Technical profile:** {{technical-profile}}

## Output
Structure your implementation plan with these sections:

### Technical Architecture
Component hierarchy, state management approach, and file organization strategy.

### Step-by-Step Implementation
Detailed breakdown of each wizard step with specific functionality and data flows.

### Design System Implementation
Dark theme specifications, glassmorphism effects, typography, spacing, and

🎨React Branding App Builder Prompt

GrokGrokCodingApp Development

Generates a complete React application implementation plan for a browser-based brand identity platform with multi-step wizard, real-time mockups, and asset export. Runs on ChatGPT, Claude, and code-focused AI models.

138
## Role

You design logos. Given brand details, you produce three distinct logo concepts, each capturing a different facet of the brand's identity. You write detailed visual descriptions, clear rationales, mood board references, and honest analyses of strengths and weaknesses.

## Context

Brand name: {{brand-name}}
Industry: {{industry}}
Brand details: {{brand-details}}

## Task

1. Write a brief brand overview that frames the design direction.
2. For each of the three concepts, produce:
   - **Visual description**: what the logo looks like—shapes, type, color palette, layout
   - **Rationale**: why these specific design choices suit the brand
   - **Mood board**: list of reference images, styles, or works that informed the concept (describe each in one line)
   - **Analysis**: honest assessment of strengths and potential weaknesses
3. Recommend one concept and explain the reasoning in 

🎨Logo Concept Generator for Brand Identity

GrokGrokArt and DesignLogo Design

Generates three distinct logo concepts with sketch-ready visual descriptions, design rationales, mood board references, and strengths-and-weaknesses analyses. Runs on ChatGPT, Claude, Gemini, and Grok to deliver a structured text brief with a recommended concept and ordered next steps.

115

🎨Brand Identity Generator for ChatGPT and Claude

GrokGrokStrategyPositioning & Messaging

Generates a complete brand identity system as structured text: logo concept, color palette with psychology notes, two-font typography pairing, and brand guidelines tailored to your business context. Runs on ChatGPT, Claude, and Gemini.

101

📚Children's Book Creative Brief Generator

GrokGrokWritingCreative Writing

Generates a complete creative brief for a children's book, including theme, title, three character profiles, illustration direction, plot outline, and ending. Returns structured text output for ChatGPT, Claude, or Gemini.

80

🖥️Admin Dashboard Design Specification Prompt

GrokGrokCodingFrontend & UI

Generates a complete admin dashboard specification following Apple's Human Interface Guidelines for web, with information architecture, component layouts, and interaction patterns. Runs on ChatGPT, Claude, Gemini, and Grok.

73
## Role

You are an expert React architect building production-grade Kanban applications.

## Task

Create a complete, single-page React Kanban board application that dynamically adapts its interface, terminology, workflows, and data fields based on the selected profession. The application should feel purpose-built for each profession's actual work reality, not generic task management.

## Context

Profession-specific requirements (include terminology, workflows, custom fields, validation rules, and any domain-specific constraints):
{{profession-config}}

Technical specifications (React version, state management approach, TypeScript usage, styling framework, drag-and-drop library preferences, persistence requirements):
{{tech-specs}}

## Output

Deliver a complete, production-ready React implementation structured as:

**Profession Configuration System**  
Extensible profession definition

🛠️Profession-Specific Kanban App Builder

GrokGrokCodingApp Development

Generates a complete React Kanban board application that dynamically adapts its interface, terminology, workflows, and data fields to match any profession's specific work reality. Runs on ChatGPT, Claude, and Cursor to produce production-ready TypeScript code with drag-and-drop, state management, and persistence.

70
## Role

You are an expert creative technologist and motion graphics engineer specializing in animated screensavers and kinetic digital experiences.

## Task

Design and develop a fully animated, professional-grade screensaver with smooth animations, dynamic effects, and seamless platform integration. Provide a comprehensive, step-by-step implementation plan with technical specifications, code frameworks, and deployment guidance.

## Context

**Theme**: {{screensaver-theme}}

**Target platform(s)**: {{target-platform}}

**Technical requirements and skill level**: {{requirements-and-skill-level}}

## Output

Structure your screensaver development plan with these sections:

● **Theme Analysis & Visual Concept Design** – Translate the theme into concrete visual elements, color palettes, and motion principles that create captivating idle-screen experiences

● **Animation Architecture & Techn

🎨Animated Screensaver Design and Development Prompt

GrokGrokCodingFrontend & UI

Generates a complete implementation plan for building animated screensavers, including code frameworks, animation architecture, performance optimization, and platform deployment. Runs on ChatGPT, Claude, and Cursor.

65

📝Journaling App Builder Prompt for React Development

GrokGrokCodingApp Development

Generates a complete, production-ready minimalist journaling web application built with React, prioritizing emotional safety and writing experience. Runs on ChatGPT, Claude, and Cursor to output full-stack code with TypeScript, components, data schema, and a phased implementation roadmap.

61

📊Dashboard Design Specification Prompt

GrokGrokData AnalysisReporting & Dashboards

Generates a complete dashboard design specification with information architecture, responsive layouts, visual components, and interactive elements. Runs on ChatGPT, Claude, Gemini, and Grok.

53
## Role

You are an expert full-stack developer and product architect specializing in React application development.

## Task

Create a complete technical development guide for building a context-aware placeholder content generator—a React application that goes beyond basic Lorem Ipsum by understanding industry requirements, tone preferences, and content types to deliver production-ready output for designers and developers.

## Context

{{project-context}}

Include: technical skill level (React/TypeScript/frontend experience), UI/UX design preferences, target users (designers/developers/agencies), development timeline, and deployment platform.

## Output

Structure your guide with these sections:

### Project Architecture and Setup
- Technology stack recommendations tailored to the skill level
- Project structure and configuration
- Dependencies and tooling setup

### Content Generation 

🛠️Placeholder Content Generator Development Guide

GrokGrokCodingApp Development

Generates a complete technical development guide for building a context-aware placeholder content generator in React. Runs on ChatGPT, Claude, Gemini, and Grok to produce architecture specifications, component designs, and implementation roadmaps.

52
## Role
You are an experienced UI/UX designer specializing in innovative digital product design.

## Task
Generate a list of innovative UI/UX design concepts for {{product-type}} that embody the brand identity, address user needs, and incorporate current design trends and technologies. Each concept should be distinctive, user-friendly, and positioned to differentiate the brand in a competitive market.

## Context
{{brand-and-user-context}}

## Approach

**1. Foundation Analysis**
Ground your concepts in the brand's identity, values, target audience, and the primary needs and frustrations of users.

**2. Trend Integration**
Draw from current UI/UX trends and technologies including minimalist design, dark mode, voice interfaces, AR/VR, personalization through machine learning, and accessibility-first approaches.

**3. Concept Development**
Create five distinct design concepts that solve us

🎨UI/UX Concept Generator for Digital Products

GrokGrokArt and DesignIcon & UI Design

Generates five innovative UI/UX design concepts tailored to your product type and brand context. Runs on ChatGPT, Claude, and similar text models to produce trend-informed, user-centered design proposals.

48

🎨Color Wheel Application Generator

GrokGrokCodingFrontend & UI

Generates a complete, production-ready React color wheel application with advanced color theory mathematics, harmony generation, and smooth canvas interactions. Built for ChatGPT, Claude, and Cursor to output TypeScript code matching Adobe and Figma standards.

47

🔍User Journey Map Creator for UX Research

GrokGrokResearchMarket Research

Generates detailed user journey maps that capture actions, emotions, thoughts, and friction points across 5–7 stages from awareness to loyalty. Runs on ChatGPT, Claude, Gemini, and Grok to produce structured timelines with strategic recommendations.

46

🖼️Lightbox Image Gallery Builder

GrokGrokCodingFrontend & UI

Builds a complete Lightbox-style image gallery with thumbnail grids, modal overlays, navigation, and accessibility features. Generates production-ready frontend code for ChatGPT, Claude, or Cursor.

43
## Role

You are a design systems architect building production-ready style guides that bridge design and engineering with living documentation, interactive components, real code snippets, and clear integration guidance.

## Task

Build a comprehensive, interactive style guide as a single-file React artifact using Tailwind CSS. The guide serves as a single source of truth that eliminates design ambiguity and accelerates development.

## Context

{{brand-context}}

Include: industry/sector, brand personality (modern/classic/playful/professional), existing brand assets (logos, colors, design elements), primary products or applications where the style guide will be used, and team structure (design/development composition).

## Output

Deliver a production-ready, single-file React application with embedded Tailwind styles that includes:

**Brand Foundation**
- Complete color system: primary,

🎨Design System Style Guide Generator

GrokGrokCodingFrontend & UI

Generates a production-ready, interactive style guide as a single-file React application with Tailwind CSS, including brand foundations, component libraries, design tokens, and implementation instructions. Runs on ChatGPT, Claude, and Cursor.

42
## Role

You are an expert UI/UX designer and full-stack developer specializing in React + TypeScript + Tailwind CSS. You create interfaces that combine visual polish, smooth interactions, and technical excellence—moving beyond generic templates to deliver experiences that feel intentional and alive.

## Task

Build a complete, production-ready interface using React, TypeScript, Tailwind CSS, and shadcn/ui components. Follow a systematic workflow:

1. **Discover** – Ask clarifying questions about the user flows, technical constraints, and success criteria
2. **Architect** – Design component hierarchy, state management approach, and design system foundations
3. **Build** – Create atomic components progressing to complex compositions with full TypeScript interfaces
4. **Animate** – Implement micro-interactions, state transitions, and user feedback patterns
5. **Polish** – Optimize spacing,

🎨React TypeScript UI Designer and Code Generator

GrokGrokCodingFrontend & UI

Generates production-ready React + TypeScript + Tailwind CSS interfaces with shadcn/ui components, complete accessibility, and micro-interactions. Runs on ChatGPT, Claude, and Cursor.

39

🎨Digital Artwork Sales Strategy Prompt

GrokGrokStrategyGo-to-Market

Generates a step-by-step plan for selling digital art online, covering audience research, platform selection, pricing, marketing tactics, and scaling. Runs on ChatGPT, Claude, Gemini, and Grok.

38

🌍Inclusive Gamification Design Strategy Prompt

GrokGrokStrategyRoadmaps

Generates a comprehensive gamification strategy that eliminates barriers for users across diverse abilities, cultural backgrounds, and technology access. Runs on ChatGPT, Claude, Gemini, and Grok to produce multi-pathway engagement systems with adaptive rewards and built-in accessibility.

38
## Role
You are an expert web developer and typography specialist who applies Robert Bringhurst's typographic principles to modern semantic HTML and user experience design.

## Task
Create a comprehensive, production-ready blog template structure that prioritizes readability, accessibility, and clean design aesthetics. Balance visual hierarchy, optimal reading comfort, and semantic markup to keep readers focused on content without distractions.

## Context
**Blog topic/niche:** {{blog-topic}}

**Layout type:** {{layout-type}}

**Design parameters:** {{design-parameters}}

*Describe target audience, brand colors (hex codes if available), and content style (formal/casual/technical/conversational) in a few sentences.*

## Requirements
Apply Bringhurst's readability guidelines:
- 45–75 character line lengths
- Appropriate line spacing (1.4–1.6 for body text)
- Clear typographic hierarchy
- G

📜Blog Template Generator With Typography Principles

GrokGrokWritingBlog Posts & Articles

Generates a production-ready HTML blog template with semantic markup, Bringhurst typography principles, and responsive design. Runs on ChatGPT, Claude, Gemini, and Grok.

37
## Role
You are an experienced print design strategist combining visual aesthetics with market positioning to create original, scalable printable concepts that drive engagement and sales.

## Task
Develop a series of detailed printable design concepts around {{topic}}. Each concept must be original, market-differentiating, and adaptable across multiple print formats while maintaining visual integrity.

## Context
The designs target {{target-audience}} and must communicate clearly through strategic use of color psychology, typography hierarchy, and relevant imagery. Focus on creating concepts that translate effectively from small labels to large posters.

## Process
1. **Core message**: Define the central theme for each design that aligns with {{topic}} and addresses the audience's interests or needs.
2. **Color palette**: Select colors that evoke appropriate emotions and reflect current 

🎨Printable Design Concept Generator for Print Formats

GrokGrokArt and DesignPoster & Flyer

Generates detailed, market-ready printable design concepts with color palettes, typography specs, and layout guidance. Runs on ChatGPT, Claude, Gemini, and Grok to produce execution-ready briefs for graphic designers.

36

🎨Sell Artwork Online Business Plan Generator

GrokGrokStrategyBusiness Plans

Generates a step-by-step guide for artists to sell their work online, covering platform selection, pricing, marketing, and logistics. Runs on ChatGPT, Claude, and Gemini.

36

🛠️User Journey Mapping Prompt for Digital Platforms

GrokGrokArt and DesignIcon & UI Design

Generates a comprehensive user journey map tracing each stage from initial engagement through post-completion for any website or app action. Runs on ChatGPT, Claude, Gemini, and Grok.

36

📱Responsive UI Code Generator Prompt

GrokGrokCodingFrontend & UI

Generates complete mobile-first responsive website code with semantic HTML and breakpoint CSS. Runs on ChatGPT, Claude, and Cursor to produce production-ready frontend structures.

34
## Role

You are an expert front-end architect and UI/UX specialist building production-ready React applications with modern web technologies.

## Task

Provide comprehensive technical guidance to build a professional-grade CSS Gradient Maker using React and TypeScript. The tool should rival premium design products like Linear.app and Figma with polished UX, real-time preview, smooth animations, and enterprise-level functionality.

## Context

{{developer-context}}

## Output

Structure your response with these sections:

### Project Architecture and Setup
Complete tech stack configuration, folder structure, and dependency setup for React + TypeScript + Tailwind CSS + Framer Motion.

### Core State Management
TypeScript interfaces, custom hooks, and gradient state logic that handles multiple color stops, angle/direction, and gradient types (linear, radial, conic).

### Interactive UI Com

🎨CSS Gradient Maker Builder Prompt

GrokGrokCodingFrontend & UI

Generates complete technical guidance to build a production-ready CSS gradient maker in React and TypeScript with real-time preview, interactive controls, and code export. Runs on ChatGPT, Claude, and Cursor.

34
…
MarketingDesignEducationFinanceSalesCodingWritingSEOStrategyProductivityOperationsHuman ResourcesResearchLegalData AnalysisReal EstateCustomer ServiceCareersAudioAI AgentsVideo

What are grok prompts for Designers?

grok prompts for Designers are engineered instructions that already work, written and tested for Grok — not one-line questions. Each one fixes the role, the context, the task and the output format before you type a word, so you get a usable result on the first run instead of the fourth.

They cover the work Designers actually get asked for: research and briefs, copy and content, analysis and reporting, planning, outreach and the admin that eats the day. Open a card to see the full prompt and the output it returns.

131 on this page, every one scoped to Designers — free to read, free to copy.

Why these prompts work for Designers

A weak prompt costs you the hour you were trying to save: you rewrite it three times, get something generic, then finish the job by hand. An engineered prompt front-loads that thinking once.

In Designers that means first drafts you can send, analysis you can act on, and the repetitive work handed off — so the time goes into judgement instead of typing.

Every prompt here was written for a real job and tested against the models people actually use. Nothing scraped from a thread.

How to use these prompts in Grok

Open a prompt, copy it, and replace the [bracketed] variables with your own product, audience or topic. The structure around them stays as is — that structure is the part doing the work.

Paste it into Grok and run. If the output drifts, tighten the context line instead of rewriting the whole prompt.

No account needed to copy one. No setup, no extension, nothing to install.

Do these prompts only work with Grok?

They are tuned for Grok, but the skeleton — role, context, task, format — carries over to any capable model. Swap model-specific settings like tone or length when you move.

Are these AI prompts free to use?

A big part of the library is free: open a prompt, copy it, use it. Premium packs and the Complete AI Bundle unlock the full collection with lifetime updates.

How do I adapt these prompts to my use case?

Start with the [variables]: niche, audience, constraints. If the result still misses, add one example of the output you want — a single good example beats three extra instructions.

For a prompt built from scratch, the Start Now card above opens the custom prompt generator.

Related resources

Grok PromptsAI Prompts for Designers