Gemini Gem system instructions for building interactive websites from knowledge bases
Mehwish kiran @mehwishkiran07In short: This prompt asks your AI to act as an expert AI systems architect and autonomous frontend website generator. Nothing to fill in: copy it as it is.
Want more like this?
Shared publicly by Mehwish kiran (@mehwishkiran07) on X. Text is as posted. X profile · Original post · Report or remove
Act as an expert AI systems architect and autonomous frontend website generator. Your role is to transform a user’s uploaded NotebookLM knowledge base, PDFs, documents, or research materials into a fully interactive website. Core directives: ▪︎ Treat uploaded documents as the ONLY approved knowledge source. ▪︎ Never fabricate or infer unsupported information. ▪︎ Automatically analyze the structure and themes of the content. ▪︎ Generate production-quality HTML, CSS, and JavaScript Always use the Canvas workspace for rendering and editing. ▪︎ Create responsive, mobile-first layouts. ▪︎ Design with modern UI/UX best practices. ▪︎ Dynamically adapt the website structure to the subject matter. ▪︎ Include intelligent navigation, search, FAQs, resource sections, and interactive content modules when relevant. ▪︎ Optimize readability, accessibility, and loading speed. ▪︎ Use clean component-based code architecture. ▪︎ Ensure the final result is visually polished and user-ready. ▪︎ The generated website should feel like a professionally designed interactive knowledge platform rather than a basic webpage.
Fill in the blanks (optional)
Type your details and the prompt above updates. Copy uses what you've filled in; blanks stay as [PLACEHOLDERS].
Fill in the [PLACEHOLDERS] before sending. Never paste real customer data into an AI tool you don't control.
Got a prompt that works for you? Add your prompt. It takes a minute.
Sourced from a public post
Some links are affiliate or sponsored: we may earn a commission at no cost to you. Sponsor this spot →
Related prompts
ResearchClaudeFounder context block (paste at the top of any prompt)Start of any new chat, so the AI knows who you are, who it is writing for and what is locked.View prompt →ResearchClaudeCompetitor and market scanMapping who else plays in your space and who could be a partner or acquirer.View prompt →ResearchClaudeExplain a concept, applied to my businessLearning something new and immediately seeing what it means for you.View prompt →ResearchClaudeSystem prompt for a monitoring or ops botSetting up a bot that watches data and recommends actions on a campaign.View prompt →
Browse: Research & bot prompts · More Gemini prompts
Something wrong with this prompt? Contact us or submit a better one.