Web & Dev

Role: you are a senior engineer on your first days with a codebase you have never seen before.

Code: [paste or upload the codebase]

Steps:
1. Understand the architecture and how data moves through it.
2. Find structural problems, repeated code, performance bottlenecks and risks to long-term maintainability.

Deliver:
- A summary of the architecture
- The problem areas
- Refactoring strategies
- The improved code

Constraint: the functionality must stay exactly the same; only the quality improves.

Role: you are a senior full-stack mobile developer who builds social apps with feed algorithms, real-time messaging and content creation tools that bring users back every day.

Task: build a complete social mobile app with feeds of content, profiles for users, a way to create posts, direct messages and notifications, designed to keep users engaged and returning daily.

Steps:
1. Before starting, ask me for my content format, my target audience, my monetization model and my preferred platform.
2. Build the feed: infinite scroll, ordering by algorithm and media that loads smoothly.
3. Create the post creation flow for photos, videos, text and any content format specific to my use case.
4. Build user profiles with follower counts, a grid of content and the follow/unfollow action.
5. Create direct messaging with real-time delivery, read receipts and media sharing.
6. Build a notification center that groups likes, comments, follows and messages with a clear visual hierarchy.

Rules:
- The feed feels instant: content is preloaded before the user reaches the end of what is on screen.
- Media uploads show accurate progress and recover cleanly when the connection drops.
- Notifications arrive reliably even when the app has been in the background for a long time.
- All user-generated content is moderated before it appears on any public feed.

Deliver the build in stages, in this order:
feed → creating posts → profiles → direct messages → notifications → the full app

Role: you are a specialist in designing software products that spread on their own.

Goal: a piece of software so useful that people recommend it to friends on their own, with no promotion from me.

Design the product:
1. Core value: what makes it feel like something users found for themselves, not something they were sold.
2. Sharing moment: the point in the product experience where sharing happens, so word of mouth feels natural.
3. Network effect: what makes the product more valuable as more people use it.
4. Growth: the realistic organic growth rate for a software product that spreads this way.

Brand: [your brand]

Task: build a responsive 4-page website for this brand, with a clean look.

Pages: Home, About, Services, Contact.

Home page, from top to bottom:
1. a hero section containing a headline, a subheading and a CTA
2. 3 features
3. one testimonial

Contact page: it must include a form that can be embedded.

Design: modern colors, Google Fonts, a mobile-first approach.

The feature or module we are going to build together: [feature/module]

Work in this loop:
1. Plan: divide the feature into small, logical steps and explain the order in which you will implement them.
2. Execute: implement just one step at a time, keeping the code clean and minimal.
3. Reflect: when a step is done, explain what you did and why, and suggest possible improvements or alternatives.
4. Iterate: ask for my feedback before you move on.

Aims: keep the momentum going, keep raising the quality, and avoid large, messy outputs.

Code or system to analyze:
[code/system]

Task:
1. Find any complexity that is not needed and any overengineering.
2. Propose a simpler version that achieves comparable results.
3. For each simplification, explain the trade-offs and what it gains (speed, clarity, maintainability).

The aim: make it as simple as possible without sacrificing functionality.

Role: you are a specialist in building Chrome extensions.

Goal: I want to create a Chrome extension that solves [specific problem] for [audience], and I want to charge a monthly subscription for it.

Lay out the full build plan in four sections:
1. Core functionality: what the extension does that makes it truly useful every single day.
2. Build approach: how to create it with no-code or low-code tools instead of traditional software development.
3. Chrome Web Store: the steps of the submission process.
4. Revenue: a realistic estimate of my monthly recurring revenue at month 3 and at month 6.

The system I am building: [system description]

Reason about the system as a whole:
- Divide it into services or components, each with clearly defined responsibilities.
- Design how they communicate with one another (APIs, events and so on).

Then:
- Propose a structure for the project and its folders.
- Recommend design patterns (for example MVC or microservices) where they are relevant.
- Flag possible bottlenecks or scaling problems as early as possible.

Service: [service]

Task: build a detailed wireframe, written only as text, for a mobile landing page focused on this service.

Include:
- every element on the page
- where each button is placed
- specific prompts for generating the images of the hero section

Present the wireframe section by section, from the top of the page to the bottom.

Role: you are a senior Android and iOS developer who turns any visual reference into a production-ready app, faithful to the pixel and fully functional.

Task: study the design reference or screenshot I give you, then build a working mobile app that reproduces every visual and interaction detail exactly.

Steps:
1. Before starting, ask me to share the screenshot, the design file or a detailed description, plus my target platform.
2. Analyze every visual element and extract the layout, the components, the navigation patterns, the color system and the typography.
3. Map every user flow: list all the screens, transitions and interaction points, whether they are visible or only implied by the design.
4. Build each screen with the exact spacing, colors, fonts and component behavior of the reference.
5. Connect all the screens through navigation, using the transitions and gestures that suit the platform.
6. Test every interaction and confirm that each tap, swipe and input behaves the way the design suggests.

Rules:
- Fidelity to the design cannot be negotiated: any deviation from the reference needs my explicit approval before you continue.
- Raise any ambiguous design decision right away instead of guessing in ways that would lead to costly revisions.
- Build every component as a reusable element so that all screens stay consistent.
- Respect platform conventions even where the reference does not mention them.

Deliver the build in stages, in this order:
analysis of the design → inventory of components → screens built → navigation wired → interactions tested → the production-ready app

Role: you are an expert in UX for website navigation.

Context: I am building a website for [business], aimed at [audience].

Task: design a complete navigation system that includes:
1. The 5 menu items, in order of priority.
2. Where the call-to-action sits in the navigation bar.
3. How the mobile menu is structured.
4. A recommendation on sticky navigation behavior.
5. How the navigation leads visitors to my main conversion goal without overwhelming them with options.

1. Phase 1 — Full speed auditCopy

   Role: you are a senior web performance engineer with experience optimizing sites that serve more than 10M visitors a month.
   
   My website's code (full HTML, CSS and JavaScript): [paste code or URL structure]
   
   Task: run a complete audit of the site's speed and find everything that slows it down, including:
   - render-blocking resources
   - assets that are not compressed
   - a DOM that is too large
   - CSS and JS that is never used
   - heavy third-party scripts
   - weak caching
   - layout shifts
   
   Rank every issue you find by its impact.

2. Phase 2 — Images and static assetsCopy

   Context: we are optimizing the speed of my website, using the code I shared. If you do not have it yet, ask me to paste it.
   
   Task: look only at my images and static assets and tell me:
   1. which images are too heavy, and the size each one should have
   2. which formats to convert them to (WebP, AVIF)
   3. where lazy loading is needed, and how to implement it
   4. which CSS and JS files should be minified or merged
   5. where my fonts load inefficiently
   
   For every fix, give me the exact updated code.

3. Phase 3 — Render-blocking resourcesCopy

   Context: we are optimizing the speed of my website, using the code I shared. If you do not have it yet, ask me to paste it.
   
   Task: analyze the critical rendering path of my site and list every CSS and JavaScript file that blocks rendering. Then:
   1. refactor my CSS so the critical above-the-fold styles are extracted and inlined
   2. defer every CSS file that is not critical
   3. give async or defer to each JavaScript file that is not needed first
   4. rewrite the order in which resources load so the browser paints the page as quickly as possible
   
   Give me the complete updated head section and the related code.

4. Phase 4 — Caching and server setupCopy

   Context: we are optimizing the speed of my website. My hosting: [Apache/Nginx/Vercel/Netlify]
   
   Task: write a complete strategy for caching and server-side optimization. Include:
   1. a full browser caching policy, with the exact cache-control headers for each file type
   2. a plan to implement a CDN
   3. instructions to set up GZIP/Brotli compression
   4. DNS prefetch and preconnect tags for every third-party resource
   5. an .htaccess or server configuration file I can copy and paste as is

5. Phase 5 — Core Web Vitals and deploy checklistCopy

   Context: we are optimizing the speed of my website, using the code I shared. If you do not have it yet, ask me to paste it.
   
   Task: optimize the site for Google's Core Web Vitals. The metrics:
   - LCP, i.e. Largest Contentful Paint
   - FID/INP, i.e. Interaction to Next Paint
   - CLS, i.e. Cumulative Layout Shift
   
   For every metric:
   1. say which parts of the code are the likely problem areas
   2. give the exact fix, with updated code
   3. explain what a "good" score looks like
   
   Finish with a performance checklist I can go through before every future deployment, so the site's speed never drops again.

1. Phase 1 — Full website auditCopy

   Role: you are a high-end consultant in website conversion who is also a UX strategist, an SEO expert and a specialist in the customer journey.
   
   My website: [paste the website link or its content]
   
   Task:
   1. Find every trust issue, confusing section, weak message, barrier to conversion, design problem, gap in SEO and missed chance to sell.
   2. Then build an action plan, ordered by priority, to grow traffic, engagement, leads and sales.

2. Phase 2 — Homepage rewriteCopy

   Role: you are a top website copywriter and strategist for conversion.
   
   My current homepage: [paste the homepage content]
   
   Task: analyze it, then rewrite it with:
   - a stronger headline
   - a clearer value proposition
   - benefits that persuade
   - a better structure
   - trust signals
   - answers to objections
   - calls to action
   
   Goal: visitors understand at once what I offer and why they should pick me.

3. Phase 3 — Complete landing pageCopy

   Role: you are a premium strategist for landing pages who builds high-converting pages for successful brands.
   
   My offer: [offer]
   My target audience: [audience]
   My goal: [goal]
   
   Task: write a complete landing page with these sections, one heading each:
   headline, subheadline, benefits, proof, details of the offer, objections, urgency, FAQs, call to action.

4. Phase 4 — First-time visitor UX reviewCopy

   Role: you are a senior UX consultant, looking at my website as someone who visits it for the first time.
   
   The website: [paste the link or the content]
   
   Task:
   1. Point out anything that feels confusing, slow, distracting, hard to navigate or hard to trust.
   2. Then explain precisely how to simplify the experience and lead visitors toward taking action.

5. Phase 5 — SEO upgrade planCopy

   Role: you are a technical SEO consultant and an expert in search visibility.
   
   My website content: [paste the website content]
   
   Task:
   1. Identify: keywords that are missing, page titles that are weak, headings that are poor, content that is thin, chances for internal links, gaps in search intent and technical issues.
   2. Then write a clear plan to improve SEO, covering every important page, ordered by priority.

6. Phase 6 — Conversion psychology mapCopy

   Role: you are an expert in customer psychology and in conversion rate optimization.
   
   My website: [paste the link or the content]
   
   Task:
   1. Tell me what keeps visitors on the site, what makes them hesitate, what builds trust and what might push them to leave.
   2. Then recommend specific changes to the copy, the layout, the proof, the offers and the calls to action.

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?