Prompt Library
Skill level: Beginner
Copy a prompt, replace the parts in [BRACKETS], and send it to your assistant. Each prompt names the Ecozen files involved, so it works in AI editors and, with the file pasted in, in chat assistants too.
Get Started
Explain the project to the assistant
Read AGENTS.md, then look at src/config/config.toml, src/pages/[...lang]/index.astro,src/pages/[...lang]/home-two.astro, and src/content/sections/english/hero-section.md. Summarize in10 bullet points how this Astro theme is organized: where text lives, how pages pick theirsections, how a page overrides a section (named blocks), and how options.layout works.Don't change any files yet.Describe your business once, then reuse it
Here is my business. Use it for every copywriting request in this conversation:- Name: [BUSINESS NAME]- What we install: [SOLAR, BATTERIES, EV CHARGERS, ...]- Where we work: [TOWNS OR REGION]- Who we serve: [HOMEOWNERS, BUSINESSES, FARMS, ...]- Facts you may use: [YEARS IN BUSINESS, WARRANTIES, CERTIFICATIONS]- Tone: short, plain, trustworthy. No hype words.Never invent reviews, ratings, statistics, or prices. Confirm with one line, and don't change any files yet.Brand
Rename the site
Change the brand from "Ecozen" to "[NAME]". In src/config/config.toml update [site] title, tagline,and description, and [seo] author. Update footer.copyright in every file in src/i18n/.Then search src/content and src/i18n for any remaining "Ecozen" in visible text and replace it.Don't rename files or code identifiers.Apply brand colors
My brand colors are: accent [HEX], dark green [HEX]. In src/styles/theme.css update --color-primary,--color-primary-deep (a darker version of the accent that reads as text on white), and--color-secondary. Keep at least 4.5:1 contrast for --color-primary-deep on white, and check thatdark text stays readable on --color-primary buttons. List the values you chose.Change the fonts
Replace Inter Tight with [GOOGLE FONT] for body text and [GOOGLE FONT] for headings. Editsrc/config/fonts.json: keep the cssVariable values "--font-primary" and "--font-secondary", theweights, and the fallback. Don't edit CSS files.Use my logo
I added my logos at src/assets/images/[DARK FILE].svg (for light backgrounds) andsrc/assets/images/[LIGHT FILE].svg (for dark backgrounds). In src/config/config.toml set [site]logo and logoAlternate to "/images/[FILE]", and set logoWidth and logoHeight to keep theirproportions at about 32px tall. Also set [site.favicon] image to "/images/[SQUARE FILE]" andtell me to run npm run generate-favicons.Homepage
Rewrite the homepage for my business
Rewrite the English text of the main homepage for my business. The homepage issrc/pages/[...lang]/index.astro and it reads the section files in src/content/sections/english/directly (it has no named blocks). Edit those section files. Keep every key, option, icon name,image path, and the number of items in each list. Only change text values. Don't inventratings or statistics: keep the sample values and list them for me. Then write the same text inthe other language folders of src/content/sections/ (french/, arabic/).Reorder or remove homepage sections
On the homepage (src/pages/[...lang]/index.astro), move [SECTION] above [SECTION] and remove[SECTION]. Only edit the route file: don't delete any content files. Remove imports that areno longer used.Use another homepage as the main one
I want the /home-[two | three | four]/ design as my main homepage. Copy the sections ofsrc/pages/[...lang]/home-[two | three | four].astro into src/pages/[...lang]/index.astro, withthe data and source lines and their content={data.xxx} props. Move the named blocks,headerLayout, footerLayout, and headerAnnouncement from home-[two | three | four].md into-index.md (same for every language folder). Then delete the other homepageroutes and content files, remove their links from the Home group of the Pages menu inevery src/config/menu.*.json file, and run npm run astro-check.Content
Navigation And Pages
Clean up the menus
In every src/config/menu.*.json file: disable the "Pages" menu (set "enable": false;it holds the demo homepages and the Components page), and make the header point only to pages I keep: [LIST OF PAGES]. Update theServices mega menu to my services. In footerSecondary and footerPrivacy, set "enable": false on linksto pages I removed. Keep the JSON structure.Add a simple text page
Add a page at /[slug]/ titled "[TITLE]" with this content: [TEXT]. Createsrc/content/pages/english/[slug].md like src/content/pages/english/terms-conditions.md, and aversion in each other language folder of src/content/pages/. Add it to footerSecondary in everysrc/config/menu.*.json file.Add a page made of existing sections
Create a landing page at /[slug]/ with these sections: [HeroSection with the split layout,BenefitsSection, ImpactSection, FaqSection, CTASection]. Copy src/pages/[...lang]/home-two.astroto src/pages/[...lang]/[slug].astro and make it read getEntryCTM("homepage", "[slug]",Astro.currentLocale). Create src/content/homepage/english/[slug].md with a title,metaDescription, and one named block per section (enable: true in each), and a file in each otherlanguage folder of src/content/homepage/. Pass each section its block with content={data.xxxSection}.Add the page to the menus and run npm run astro-check.Remove pages I don’t need
I don't need these pages: [LIST, for example /home-two/, /components/, /calculator/]. For eachone, delete its route file in src/pages/[...lang]/ and its content file or folder insrc/content/ (every language), then remove every link to it from each src/config/menu.*.json fileand from content files (search for the URL). Run npm run astro-check andnpm run build and fix anything they report.Languages
Use English only
I only need English. Set [settings.multilingual] enable = false in src/config/config.toml. Don'tdelete any files. Tell me what will happen if I later run npm run remove-multilingual.Add a language
Add [LANGUAGE] with npm run generate-multilingual-content, using the flags in the "Add A Language"part of the docs, or README.md: --lang [CODE] --name [NAME] --dir-name [FOLDER NAME] --locale[DATE LOCALE], and the Open Graph flag this edition's README shows. Add --dir rtl for aright-to-left language. Then translate the new folders, menu file, and i18n file from English. Keepall keys. On Netlify, add a "/[CODE]/*" block to netlify.toml, like the other languages have.Replace French with another language
Replace French with [LANGUAGE] ([CODE]). In src/config/language.json change the French entry'slanguageName, languageCode, contentDir, ogLocale, and dateLocale. Rename everysrc/content/**/french/ folder to [folder name], rename src/i18n/fr.json andsrc/config/menu.fr.json to [code].json and menu.[code].json, then translate their text valuesfrom English. Update the "/fr/*" redirect in netlify.toml. Keep all keys.Forms, SEO, And Launch
Connect the quote form
Connect the quote form on /contact/ to [formsubmit.co with [EMAIL] | Formspree with form ID [ID] | Netlify Forms]. UpdatecontactFormAction and contactFormProvider in src/config/config.toml following the commentsabove them. Don't change the form fields.Change the quote form questions
Change the quote form in src/content/sections/english/contact-section-two.md to ask: step 1[QUESTIONS], step 2 [QUESTIONS], step 3 [CONTACT FIELDS]. Keep form.steps with one title perstep, give every input the right step number, keep the radio groups' group and groupLabelpattern, keep the privacy checkbox and the two message items at the end. Then do the other language folders.Write SEO descriptions
For every page file in src/content/*/english/-index.md, src/content/homepage/english/, andsrc/content/pages/english/, write a metaDescription of 140-160 characters for my business, basedon the page content. Only add or change metaDescription. Then do the other language folders.Pre-launch review
Review this site before launch and give me a checklist of what is still demo content. Check:[site] baseUrl in src/config/config.toml (it ships as https://example.com), contactFormAction,[settings.newsletter] action, [settings.contactInfo], [settings.footer.contact] postcodes,footer.cta.projects and footer.contactPanel.badges in the i18n files, footerLayout in the homepage files I keep, [seo.localBusiness] areaServed and openingHours, the "Pages" menu,the demo homepages /home-two/, /home-three/, and /home-four/, social links in src/config/social.json, footer.copyright and ai.siteSummary insrc/i18n/en.json, the calculator assumptions, the pricing packages, the sample job roles, teammembers, testimonials, logo strip names, the legal pages in src/content/pages/ (look for"[Company name]"), and the demo photos in src/assets/images/photos/. Don't change files: list thefile and line for each item.Fix Problems
Explain and fix an error
npm run [dev | build | astro-check] fails with this error:[PASTE THE FULL ERROR]Explain the cause in one sentence, then fix it with the smallest change. Don't change unrelated files.A change doesn’t show up
I changed [WHAT] in [FILE] but the page [URL] still shows the old version. Find where that pagegets this text: check its route in src/pages/[...lang]/, the named blocks in its content file,and the section file in src/content/sections/english/. Tell me which file wins and why.