Web & Dev

1. Phase 1 — AI automation operating systemCopy

   Role: you are a top AI automation consultant who also thinks like an operations strategist, a workflow architect and a productivity expert.
   
   My business: [describe your business]
   My daily tasks: [list them]
   Tools I use: [list them]
   Current bottlenecks: [describe them]
   
   Task:
   1. Analyze the information above. If something essential is missing, ask me before continuing.
   2. Design a complete operating system for AI automation that cuts repetitive work while raising quality and reliability.
   3. Sort every task into one of three groups: fully automatable, AI-assisted, human-only.
   4. For each recommendation, explain why you made it.
   
   Present the task classification as a table.

2. Phase 2 — Workflow automation auditCopy

   Role: you are a process optimization consultant for enterprises.
   
   My business and its recurring workflows: [describe them]
   
   Task: audit each recurring workflow and find where it can be automated.
   
   For each workflow, estimate:
   - time saved
   - difficulty of implementation
   - impact on the business
   - risks
   - AI or automation tools you suggest
   
   Order the automations so the ones with the highest leverage come first. Present the result as a table.
   
   Constraints: only automations that are practical to implement, aimed at productivity gains you can measure.

3. Phase 3 — Virtual AI teamCopy

   Role: you are an architect of AI systems.
   
   My business: [describe your business]
   
   Task: design a virtual team of AI roles for this business, each one specialized. Examples of roles to assign:
   - assistant to the CEO
   - researcher
   - copywriter
   - marketer
   - agent for customer support
   - data analyst
   - software engineer
   - financial analyst
   - operations manager
   
   For each role, define:
   - responsibilities
   - inputs
   - outputs
   - how its work is reviewed
   - when a human needs to step in
   
   Constraints: design for AI and people working together, not for AI replacing people entirely.

4. Phase 4 — Marketing automationCopy

   Role: you are a marketing director specialized in AI.
   
   My business: [describe your business]
   
   Task: build automated systems for each of these marketing activities:
   - market research
   - content planning
   - drafting copy
   - email marketing
   - SEO support
   - scheduling social media posts
   - analytics reporting
   - optimizing campaigns
   
   For each output, state clearly whether it must be reviewed before it is published.
   
   Constraints: marketing that puts the customer first; aim for efficiency and quality that stays consistent.

5. Phase 5 — Sales and customer support automationCopy

   Role: you are a consultant for AI in sales operations.
   
   My business: [describe your business]
   
   Task: design AI-assisted systems for:
   - qualifying leads
   - updating the CRM
   - drafting outreach
   - onboarding
   - managing the knowledge base
   - triaging support tickets
   - generating FAQs
   - reporting on customer success
   
   Point out where human judgment adds the most value.
   
   Constraints: put customer experience, transparency and accuracy first.

1. Phase 1 — Site structure and goalsCopy

   Role: you are a premium website strategist hired to plan a website that converts well for my business.
   
   Business details (model, target audience, offer, goals):
   [paste everything]
   
   Task: using these details, define the full structure of the website:
   - the pages it needs
   - the hierarchy of sections on each page
   - how the content flows
   - the conversion goal of every page

2. Phase 2 — Brand identity and messagingCopy

   Business details:
   [paste]
   
   Task: analyze my business and define:
   - the brand tone
   - the voice
   - a positioning statement
   - the core message
   - the emotional angle
   
   The messaging must be clear, feel premium and match my target audience.

3. Phase 3 — Homepage that convertsCopy

   Business details:
   [paste]
   
   Task: design the full structure of the homepage so that it builds trust, makes the value clear and pushes visitors to act. Include:
   - the headline strategy
   - the logic behind the subheadline
   - where to place proof
   - the benefit sections
   - how the offer is explained
   - how the calls to action are structured

4. Phase 4 — Website copyCopy

   Business details:
   [paste]
   
   Task: write the full copy for every main page of the website: Home, About, Services or Products, and Contact.
   
   Language: clear and persuasive, consistent with my brand voice.

5. Phase 5 — Visual directionCopy

   Business details or brand identity from the earlier phases:
   [paste]
   
   Task: give me a detailed visual direction for my website, covering:
   - layout style
   - color palette
   - typography suggestions
   - spacing principles
   - image style
   
   The design must feel modern, premium and professional.

6. Phase 6 — Responsive HTML and CSSCopy

   Site structure and content from the earlier phases:
   [paste structure and copy]
   
   Task: write clean, responsive HTML and CSS for my whole website, built on this structure and this content.
   
   Requirements: it must work well on mobile, and the code must be cleanly organized so it is easy to edit.

7. Phase 7 — SEO foundationCopy

   Website content:
   [paste content]
   
   Task: optimize this content for search engines. Suggest, page by page:
   - title tags
   - meta descriptions
   - heading structure
   - where to place keywords
   - an internal linking strategy

Niche: [niche]

Task: design the logic of an AI bot for customer service in this niche.

Build it as a decision tree that covers:
- refunds
- FAQs
- product tracking

The bot must resolve all of these without a human ever having to step in.

You are a senior designer.

Here is my design to review: [describe it or paste it].

Deliver:
1. The mistakes
2. The improvements to make
3. A better version

You are a senior UI/UX designer.

I'm planning a design for [platform: Instagram / website / app]. What it is about: [short description].

Give me, each under its own heading:
- 5 design concepts
- The layout structure
- The color style
- Typography suggestions

Goal: connect ChatGPT to my Google Sheets with a simple script.

Desired behavior: whenever I add a new customer name to the sheet, a personalized email for that customer is written automatically.

Task: explain how I can set this up, and walk me through the logic step by step.

Project A: [describe it]
Project B: [describe it]
What they should achieve together: [goal]

Task: map the integration between them. Cover:
- the points where they connect
- the APIs to build
- the shared data structures that are needed
- what is going to break
- the safest order in which to carry it out

Role: you are a world-class designer.

Layout of my app's landing page:
[describe the layout]

Task:
1. Find the friction points where users are going to get confused.
2. Suggest 3 changes to the layout aimed at doubling my sign-up rate.

You are a product designer.

Sketch a wireframe for a landing page for [product or service].

Deliver:
1. The sections
2. The content blocks
3. The flow of the layout
4. Where to place the calls to action

What my app should do: [function]

Task: list the exact no-code tech stack (tools like Bubble or Zapier) I need to launch this app within 48 hours, without writing any code at all.

For each tool, say what role it plays in the stack.

Code to review:
[paste it]

Look for:
- bugs
- security holes
- performance problems
- poor naming
- anything that fails under edge cases

For every issue, explain what is wrong, why it matters and the exact fix.

Do not comment on what works: report only the problems.

1. Phase 1 — Website system and roadmapCopy

   Role: you combine four profiles: a world-class creative director, a UI/UX designer, a senior front-end engineer and a conversion strategist.
   
   Task: build a complete operating system for producing premium 3D animated websites that feel modern and immersive, at the level of a top agency.
   
   Design each of these parts:
   1. Information architecture
   2. Visual identity
   3. The 3D interaction system
   4. The animation language
   5. Responsive layouts
   6. Accessibility strategy
   7. The implementation roadmap
   
   For every animation and every interaction, explain why it is there.

2. Phase 2 — Cinematic scroll journeyCopy

   Role: an elite designer of digital experiences.
   
   My website: [describe your website: purpose, audience, main sections].
   
   Task: turn it into a cinematic journey in 3D. Use:
   - interactive scenes and camera movements
   - storytelling driven by scrolling
   - parallax layers and depth transitions
   - lighting effects and particle systems
   - sections that reveal themselves in an immersive way
   
   Explain how each scene leads the visitor through the story while the site stays clear and easy to use.
   
   Constraint: storytelling must always have a purpose, never decoration for its own sake.

3. Phase 3 — Premium UI and motion systemCopy

   Role: an award-winning product designer.
   
   My website: [describe your website: purpose, audience, main sections].
   
   Task: design a luxury interface system for it, covering:
   - typography, spacing and grids
   - colors
   - glassmorphism, only where it fits
   - cards, buttons, navigation, icons and forms
   - hover effects and loading sequences
   - micro-interactions
   - responsive behavior
   
   Then define one coherent motion language, so that each interaction feels deliberate and finished.

4. Phase 4 — Three.js interaction frameworkCopy

   Role: a senior Three.js developer who is also an interaction designer.
   
   My website: [describe your website: purpose, audience, main sections].
   
   Task: design a full 3D interaction framework for it, including:
   - hero scenes
   - object animations
   - hover interactions and cursor effects
   - camera movements triggered by scrolling
   - transitions between sections
   - loading experiences
   - interactive showcases of the product
   - animations for the calls to action
   
   For each interaction, state precisely what triggers it and how it makes the experience better for the user.

5. Phase 5 — AI-assisted development sprintCopy

   Role: an expert software engineer specialized in building with AI.
   
   My 3D website: [describe your website: purpose, audience, main sections].
   
   Task: split the site into implementation tasks that can be built with AI-assisted development. For every section, provide:
   - development prompts
   - reusable components
   - the scene architecture
   - animation systems
   - responsive requirements
   - accessibility checks
   - testing procedures
   - optimization techniques
   - guidance for deployment
   
   Constraints: the workflow must be ready for production, with a clean architecture, and tuned for fast development.

6. Phase 6 — 3D landing page that convertsCopy

   Role: a creative director and UX strategist focused on conversion.
   
   My product or offer: [describe what the landing page sells and who it is for].
   
   Task: design a striking 3D landing page that wins attention right away and then leads visitors toward taking action. Include:
   - an immersive hero scene
   - animated demonstrations of the product
   - storytelling sections
   - feature showcases
   - testimonials
   - pricing
   - FAQs
   - calls to action built for conversion
   
   Recommend the places where 3D elements should strengthen understanding and trust.

7. Phase 7 — Performance, accessibility and launch QACopy

   Role: a web performance engineer who is also an accessibility specialist.
   
   My 3D animated website: [describe your website: stack, main 3D features, hosting].
   
   Task: optimize it across these areas:
   - Core Web Vitals
   - smooth frame rates
   - lazy loading and asset compression
   - responsive rendering
   - accessibility compliance
   - SEO and structured data
   - analytics integration
   - caching and deployment
   
   Then build a complete quality assurance checklist to run before launch.
   
   Constraint: optimize with performance first, without sacrificing the premium 3D experience.

8. Phase 8 — Full agency-style buildCopy

   Role: act as a coordinated digital agency made up of a creative director, a brand strategist, a UI/UX designer, a front-end architect, a QA engineer and a conversion strategist.
   
   My website: [describe your website: purpose, audience, main sections].
   
   Task: take my premium 3D animated website all the way from the first concept to production, end to end. Include:
   - branding and storytelling
   - the architecture of the 3D scenes
   - animation systems and interaction design
   - guidance for implementation
   - the optimization strategy
   - analytics setup
   - the deployment workflow
   - recommendations for long-term maintenance

1. Phase 1 — Website concept and roadmapCopy

   Take on the role of a team that brings together performance engineers, front-end engineers, senior UI/UX designers and award-winning creative directors.
   
   Task: design and build a website of agency quality for [brand / product] that gives visitors a premium experience.
   
   Deliver:
   - the complete information architecture
   - the visual identity
   - the animation system
   - responsive layouts
   - the conversion strategy
   - an accessibility plan
   - an implementation roadmap

2. Phase 2 — Cinematic scroll and motionCopy

   Website: [website / brand]
   
   Take on the role of a world-class designer of digital experiences.
   
   Task: turn my website into an immersive storytelling experience built with modern web technologies.
   
   Design:
   - transitions between sections
   - storytelling driven by scrolling
   - page reveals
   - motion principles
   - interactive scenes
   - cursor interactions
   - micro-animations
   - the visual pacing
   
   For every interaction, explain how it serves the user's journey instead of pulling attention away from it.

3. Phase 3 — Premium design systemCopy

   Website: [website / brand]
   
   Take on the role of an award-winning product designer.
   
   Task: build a full design system for my website covering:
   - typography
   - spacing
   - grids
   - color palette
   - component library
   - navigation
   - buttons
   - forms
   - cards
   - iconography
   - motion guidelines
   - responsive behavior
   - accessibility standards
   
   Every design choice must support one coherent, premium brand identity.
   
   Constraints: the design system must scale, and it must be optimized for easy maintenance.

4. Phase 4 — Interactive landing pageCopy

   Take on the role of a creative director and UX strategist focused on conversions.
   
   Product or service: [product / service]
   
   Task: design a premium landing page for it that makes a first impression people remember.
   
   Sections to include:
   - hero experience
   - interactive showcase of the product
   - storytelling around the features
   - testimonials
   - pricing
   - FAQ
   - calls to action built for conversion
   
   For every section, suggest animations and interactions that keep the page usable and fast.

5. Phase 5 — Front-end implementation blueprintCopy

   Website: [website / brand]
   
   Take on the role of a senior front-end architect.
   
   Task: produce a full blueprint for building this website with modern web technologies.
   
   Cover:
   - project structure
   - reusable components
   - animation architecture
   - responsive layouts
   - performance optimization
   - SEO
   - accessibility
   - testing strategy
   - analytics integration
   - deployment workflow
   
   For each major technical decision, explain the trade-offs.

6. Phase 6 — Tasks for AI-assisted developmentCopy

   Website: [website / brand]
   
   Take on the role of an expert software engineer who builds with AI.
   
   Task: split the website into implementation tasks that suit development with an AI assistant.
   
   For every section, provide:
   - development prompts
   - testing checklists
   - accessibility validation
   - responsive requirements
   - performance benchmarks
   
   Constraints: the workflow must be production-quality, and fast to develop with no loss of quality.

7. Phase 7 — Performance, SEO and accessibility optimizationCopy

   Website: [website / brand]
   
   Take on the role of a specialist in web performance, SEO and accessibility.
   
   Task: optimize my website for:
   - Core Web Vitals
   - responsive performance
   - accessibility compliance
   - structured data
   - image optimization
   - caching
   - lazy loading
   - visibility in search engines
   - analytics
   
   Then write a complete quality assurance checklist to run before launch.
   
   Constraints: performance comes first in every optimization.

8. Phase 8 — Full agency build and launch planCopy

   Website: [website / brand]
   
   Take on the role of a coordinated digital agency whose team includes a creative director, a brand strategist, a UI/UX designer, a front-end engineer, a motion designer, a copywriter, an SEO specialist and a conversion strategist.
   
   Task: build a complete website of agency quality, from the first concept all the way to launch.
   
   Include:
   - branding
   - storytelling
   - page layouts
   - animation systems
   - design system
   - implementation guidance
   - optimization strategy
   - analytics setup
   - deployment plan
   - maintenance recommendations

Task: audit the project I have uploaded.

Give me a list, ordered by priority, of:
- architecture problems
- technical debt
- security vulnerabilities
- performance bottlenecks
- dependencies that are out of date

For every issue, state its severity, where exactly it is and exactly how to fix it.

Functionality the class should provide: [describe the functionality]

Task: write a Python class that implements it.

Include:
- the definitions of all methods
- docstrings
- inline comments that explain the logic

My current automated system: [describe it]

Scenario: tomorrow my digital product grows from 10 users to 10,000 users.

Task:
1. Tell me which part of this system will fail first.
2. Explain how to put a fail-safe in place now, so the system does not crash.

1. Phase 1 — HomepageCopy

   My business: [what you do, who you help]
   
   Role: you are a brand copywriter.
   
   Task: write my homepage. It has to make three things clear: the work I do, the people I serve and why that work matters.

2. Phase 2 — About pageCopy

   My business: [what you do, who you help]
   My story: [key points of your story]
   
   Task: write my About page. Tell my story in a way that creates an emotional connection with my audience.

3. Phase 3 — Services pageCopy

   My business: [what you do, who you help]
   My offers: [list your offers]
   
   Task: write a Services page that presents my offers, covering for each one its benefits, its features and a strong call to action.

4. Phase 4 — FAQCopy

   My [product/service]: [describe it]
   
   Task: write the FAQ section for it, based on the objections and questions customers raise most often.

5. Phase 5 — SEO meta titles and descriptionsCopy

   My business: [what you do, who you help]
   Pages of my site: [list the pages]
   
   Task: for each page of the site, write a meta title and a meta description optimized for SEO.
   
   Output: a table with the columns Page, Meta title, Meta description.

6. Phase 6 — Copy and layout tipsCopy

   My business: [what you do, who you help]
   
   Role: you are a UX strategist.
   
   Question: which copy and layout choices will keep visitors scrolling down the page and get them to take action?