AI app for marketing · no coding needed
AI website design and publishing workspace
Reduce the number of tools and handoffs needed to go from a design request to a live, measured landing page.
Made for: Small marketing teams and solo founders who need simple websites or landing pages without a developer
What it does for you
The problem
Building and publishing a simple site requires stitching together a design tool, a code editor, a hosting service and an analytics tool, and each handoff loses time and brand consistency.
What it gives you
A reviewed, published site with forms, analytics and exportable code
What you give it
Written briefbrand assetsreference URLs
Build your own version of Swiddle, Agentic Website Builder 2.0 by Lokuma and more
One app with what these 4 AI tools do, yours to keep and change: Swiddle, Agentic Website Builder 2.0 by Lokuma, HTML Pub, MockPilot.
Everything these tools do, in one app
- AI-generated mockups Generates initial website or landing page designs based on user input.Found in Swiddle
- Visual editor Allows users to customize the design visually without coding.Found in Swiddle, HTML Pub
- Code editor Provides a code editor for fine-tuning the generated code.Found in Swiddle
- No-code publishing Publishes the website directly without requiring any coding.Found in Swiddle
- Code export Exports the project as code files for further development.Found in Swiddle, Agentic Website Builder 2.0 by Lokuma, MockPilot
- Fast turnaround Enables a live landing page in minutes.Found in Swiddle
- AI revisions AI assists with generating mockups and revisions based on user feedback.Found in Swiddle
- Agent loop An agent plans, writes code, inspects output, and self-corrects until satisfactory.Found in Agentic Website Builder 2.0 by Lokuma
- Plan-first workflow The agent drafts a build plan and waits for user approval before executing changes.Found in Agentic Website Builder 2.0 by Lokuma
- Targeted patching Edits apply find-and-replace patches to specific sections instead of rewriting whole files.Found in Agentic Website Builder 2.0 by Lokuma
- Live preview Shows a live preview that updates as the agent works.Found in Agentic Website Builder 2.0 by Lokuma
- Design system state Maintains design tokens, Tailwind config lock, and design notes to preserve brand rules across iterations.Found in Agentic Website Builder 2.0 by Lokuma
- Instant publishing Publishes AI-generated HTML to a live URL instantly via MCP/API.Found in HTML Pub
- Custom domains Supports connecting custom domains with SSL.Found in HTML Pub
- Built-in analytics Provides page views, conversions, click/scroll heatmaps, and attention metrics.Found in HTML Pub
- Forms and submissions Includes forms and a submissions dashboard for collecting user input.Found in HTML Pub
- Third-party scripts Allows adding third-party scripts for additional tracking.Found in HTML Pub
- Asset management Manages assets and provides export options.Found in HTML Pub
- Local capture browser Interacts with a live webpage, scrolls to load dynamic content, then captures a static version.Found in MockPilot
- Asset library extraction Automatically pulls typography, colors, components, and icons from the captured URL.Found in MockPilot
- Natural language editing Modifies the mockup using plain English instructions, with AI applying changes using extracted assets.Found in MockPilot
- Crop tool Adjusts height and isolates specific page components after capture.Found in MockPilot
How it works, step by step
- Generate initial page mockups from a written brief
- Capture a reference URL and extract typography, colors, components and icons
- Crop and isolate specific page sections after capture
- Edit the design visually without coding
- Edit the generated code directly for fine-tuning
- Apply plain-English revision instructions to the mockup
- Run an agent loop that plans, writes code, inspects output and self-corrects
- Draft a build plan and wait for approval before executing changes
- Apply targeted find-and-replace patches to specific sections
- Show a live preview that updates as the agent works
- Maintain design tokens, config locks and design notes across iterations
- Publish to a live URL and connect a custom domain with SSL
- Collect form submissions in a dashboard
- Track page views, conversions, click and scroll heatmaps
- Add third-party tracking scripts
- Manage assets and export the project as code files
- Compare the reviewed result with the recorded baseline and value assumptions
- Capture corrections and named-owner approval before publishing
- Export a versioned reviewed, published site with forms, analytics and exportable code with source references and unresolved questions
Build it yourself with your AI system
Build this app yourself, no coding needed
Start with a quick version you can try in a few minutes. Like it? Then build the full app by copying and pasting our step-by-step instructions: everything is prepared for you.
Sign in to see how to build it yourself
Build a quick version to try, or get the full app pack for AI website design and publishing workspace with the step-by-step building instructions. You don't need any technical skills: you copy, paste and answer a few questions. Both are included in the membership.
4 Have it built for you days to a few weeks
Rather not do it yourself, or want it fully tailored to your data, your way of working and your brand? Nexibeo builds AI website design and publishing workspace with you.
What's in the app pack
Included in the Complete AI Training membership.
- The building instructions your AI follows, step by step
- The questions your AI will ask you about your business before it starts
- A clickable demo you can open in your browser, to see how it should work
- A detailed blueprint of the screens, the information it keeps and the checks it runs
Become a member to get the app packAlready a member? Sign in
The files, for the technically curious
- START-HERE.mdHow to build it with your own AI (read first)3 KB
- README.mdOverview and links4 KB
- questions.mdQuestions to answer before you build2 KB
- prompt-cloudflare.mdThe full build prompt, hosted on Cloudflare24 KB
- prompt-vps.mdThe same build on your own server (Docker)24 KB
- spec.jsonData model, API, AI pipeline, acceptance criteria11 KB
- demo/index.htmlThe working demo on sample data201 KB
Questions
Do I need to know how to code?
No. You copy and paste the prompts on this page into ChatGPT or Claude, and the AI does the building. When it asks you something, you answer in your own words.
What does it cost?
The quick version, the app pack and the step-by-step instructions are for members: you pay the membership price, not a price per app (see the plans). Building the full app uses your own ChatGPT or Claude subscription. Putting it online is often cheap or no cost at the start, and your AI tells you before anything costs money.
How long does it take?
The quick version: about two minutes. The real app: an afternoon for a first version you can use, longer if you want every feature.
Can I change it to fit my business?
Yes. Tell your AI what to change in plain words, like “add a column for the price” or “use our logo and colours”. Or have Nexibeo build and customise it for you.
More detailsHow the AI works, safeguards and what to build first
Reduce the number of tools and handoffs needed to go from a design request to a live, measured landing page. For small marketing teams and solo founders who need simple websites or landing pages without a developer, convert a written brief, brand assets and reference URLs into a reviewed, published site with forms, analytics and exportable code. The benefit is a testable hypothesis, measured through time from brief to live page and accepted pages per revision round; do not assume that AI output alone produces business value.
Confirm the buyer's problem and scope, collect a written brief, brand assets and reference URLs, then follow this sequence: 1. Generate initial page mockups from a written brief. 2. Capture a reference URL and extract typography, colors, components and icons. 3. Draft a build plan and wait for approval before executing changes. 4. Run an agent loop that plans, writes code, inspects output and self-corrects. 5. Apply plain-English revision instructions to the mockup. 6. Publish to a live URL and connect a custom domain with SSL. 7. Track page views, conversions, click and scroll heatmaps. Resolve uncertain cases with qualified reviewers, approve a reviewed, published site with forms, analytics and exportable code, and measure time from brief to live page and accepted pages per revision round against a documented baseline.
How the AI works
Use AI to interpret permitted inputs, suggest structured mappings and generate candidate outputs for the three stated task modules. Use deterministic code for arithmetic, schema validation, hard constraints and reproducible tests. Review source-linked explanations and uncertainty before accepting results. One fixed page template set and licensed asset library; final brand, legal and accessibility checks remain human. A model suggestion is never a verified fact, professional decision or authorization to act.
Safeguards
Preserve brand voice, source attribution, asset accuracy and usage permissions. Buyers approve substantive changes and publication scope. One fixed page template set and licensed asset library; final brand, legal and accessibility checks remain human. Keep all consequential actions under authorized human control and do not fabricate missing inputs, permissions, professional judgments or market evidence.
What to build first
Pilot scope: One fixed page template set and licensed asset library; final brand, legal and accessibility checks remain human. Implement one approved input format, a bounded representative case set and the first two task modules: generate initial page mockups from a written brief; capture a reference URL and extract typography, colors, components and icons. Support the third module with operator review: draft a build plan and wait for approval before executing changes. Include source references, corrections, basic organization access, approval states, export and value measurement. Use managed operator assistance for unresolved exceptions. The cost estimate covers this narrow prototype, not unrestricted multi-tenant scale, complex production integrations, specialist certification or physical operations.
What it can connect to
Customer-owned brand assets, authorized reference URLs and permitted analytics sources. Cloud asset storage, design-file import/export and hosting destinations. Start with file exchange and validate destination specifications before promising direct publishing. Start with authorized file exchange. Validate current provider access, usage rights and schema behavior before promising a connector.
The screens in detail
Primary screens: Brief and brand inputs, Editable build preview, Publish and measure. Use a thumbnail gallery for projects, a large central preview canvas, and a right-hand panel for the build plan, design tokens, comments and revision history. Let users compare plan, preview and code side by side. Display draft, changes requested and approved states. Provide a client preview link with comments anchored to the relevant section. Make the task-specific outcome a reviewed, published site with forms, analytics and exportable code visible beside its evidence, review state and value baseline.
