--- title: "Create Your Own Client Portal | Build It From a Prompt | Agent UI" description: "Create your own client portal without a developer. Describe the portal you need, the AI builds the tables, client logins and views, and you change it any time." url: https://www.agentui.ai/en/create-your-own-client-portal/ lang: ar source: ar/create-your-own-client-portal/index.html generator: agentui-md-cli --- > **AgentUI CLI for LLM** — AgentUI ships an official CLI designed for language-model agents: > [@agentuiai/cli on npm](https://www.npmjs.com/package/@agentuiai/cli) · install with `npm install -g @agentuiai/cli`. > > This file is the LLM-optimised markdown build of > [https://www.agentui.ai/en/create-your-own-client-portal/](https://www.agentui.ai/en/create-your-own-client-portal/) — a machine-readable alternate of > the HTML at the same URL. Content mirrors the human-visible page. > > Site index for LLMs: [https://www.agentui.ai/llms.txt](https://www.agentui.ai/llms.txt) · full content: [https://www.agentui.ai/llms-full.txt](https://www.agentui.ai/llms-full.txt) Built from a prompt, not a template # Create Your Own Client Portal Create your own client portal by describing it in plain language — the tables, the client logins and the per-client views get generated for you, and you adjust them live. It is built around the way you already work with clients instead of the structure a vendor picked, and when your process changes you change the portal the same day. [Start Free](https://app.agentui.ai/chat?utm=direct&utm_medium=direct)[Book a Demo](/ar/book-a-demo/)Build a client portalGeneratingBuild a client portal where each client sees only their projects, invoices, and shared files.Created 4 tables, 1 client role, 3 views. Client sign-in is on.Preview · Client view · Northline RetailLiveStore rollout — Phase 2Project · 68%In progressQ3 operations reviewDeliverable · Due Sep 12Awaiting youINV-2041Invoice · $8,400Unpaidsite-survey-notes.pdfFile · 2.1 MBShared01 ## From prompt to portal: what you describe, what gets built You do not start from a blank builder or a fixed template. You write one or two sentences about the portal you want, and the first working version comes back with real tables, real logins and a real client view you can click through. If you would rather not write it from scratch, copy our ready-made [client portal prompt](/ar/client-portal-prompt/) and paste it straight in. 01 ### You describe it "Each client sees only their projects, invoices and shared files." That sentence is the spec. 02 ### The AI generates it Tables, fields, relationships, client logins and the views each role can open. 03 ### You adjust it live Rename a field, hide a column, change who can see what — and watch the portal update. 04 ### A human sits with you If it is not right, someone from our team gets on a call and shapes it with you. 02 ## What gets generated: tables, fields and client logins The portal sits on a shared database, not on a pile of spreadsheets. You can see every table and column it created, rename anything that does not match your language, and add the fields your process actually needs. One source of truth your team and your clients read from. Generated schema4 tables · 17 fieldsclients - id · uuid - company_name · text - primary_contact · email - portal_access · role projects - client_id · relation - name · text - stage · select - progress · percent deliverables - project_id · relation - title · text - due_date · date - approval · status invoices - client_id · relation - number · text - amount · currency - paid_at · date Client role: read own recordsStaff role: read + writeAdmin: full accessClient portal · Northline RetailSigned in as client2Active projects3Awaiting approval$8,400Open balanceDeliverableDueApprovalQ3 operations reviewSep 12Awaiting youStaffing model v4Sep 19Awaiting youVendor audit summaryAug 30ApprovedPhase 1 close-outAug 08ApprovedScoped to client_id = northline3 other clients hidden03 ## A worked example: a consultancy client portal A consultancy asks for clients, projects, deliverables and invoices, with each client scoped to their own records. What comes back is a portal where the client signs in and sees their two active projects, the deliverables waiting on their approval, their open invoice and the files shared with them — and nothing belonging to anyone else. ### Copy the prompt for that exact portal This is the consultancy example above, written out as the prompt that builds it: the four tables, the client logins, the rule that scopes every client to their own records, and the views your team and your clients open. Paste it into AgentUI as it is, or edit it first — it is plain text, not code. More variants live on the [client portal prompt page](/ar/client-portal-prompt/). PromptReady to paste ``` Build a client portal for my consultancy. Create a shared database with four tables. Clients: company name, primary contact, contact email, engagement start date. Projects: linked to a client, project name, stage of Scoping / In progress / In review / Delivered, lead consultant, start date, target delivery date, percent complete. Deliverables: linked to a project, title, due date, file attachment, approval status of Draft / Awaiting client / Approved / Changes requested, approved by. Invoices: linked to a client, invoice number, amount, due date, paid status. Give every client their own login. A signed-in client must see only the projects, deliverables, invoices and files whose client record is theirs — never another client's records, and never our internal fields such as lead consultant notes, effort hours or margin. On my side create two roles: consultant, who can read and edit everything, and partner, who can also invite clients and change permissions. Build a client dashboard showing their active projects with stage and percent complete, the deliverables awaiting their approval and their outstanding balance; a deliverables view where the client opens the file and approves it or requests changes with a comment; and an internal view of every client, every project stage and every overdue invoice. Keep an audit log of who changed what and when, and email the client when a deliverable is waiting on them. ``` Copy promptPaste into AgentUI chat #### The first three things you will change 01 ##### Your record names Swap "clients", "projects" and "deliverables" for the words your team already uses — accounts, engagements, matters, cases, campaigns. 02 ##### Your stages Replace Scoping / In progress / In review / Delivered with the stages on your own board, in the order you actually run them. 03 ##### Your permission rule Name the fields a client must never see — margin, effort hours, internal notes — and say which internal role can invite clients. 04 ## Change it yourself, the same day Adding a field or tightening a permission is a sentence, not a ticket. Ask for a "Signed off by" column on deliverables and it appears. Decide clients should no longer see internal notes and the field is hidden from their role. No release cycle, no developer, no waiting for the next sprint. Edit in placeApplied · 0 ticketsyou › Add a "Signed off by" field to deliverables, and hide internal notes from clients.deliverables.signed_off_byfield addeddeliverables.internal_noteshidden from Client roleAudit log - maria.s added field signed_off_bytoday 14:22 - maria.s set internal_notes → staff onlytoday 14:22 - dev.ops invited client northlineAug 14 09:05 05 ## When your process or your org changes, the portal changes with it Most portals break the first time you add a stage, split a team or onboard a client who works differently. Here the structure is yours to edit, and every edit is recorded. ### Audit logs Who changed what, when. Every field, permission and record edit is written down. ### Role-based access Clients, staff and admins see different things. Access is set per role, not per file link. ### SQL integrations Pull from the systems you already run so nobody copy-pastes numbers into the portal. 06 ## Who maintains the portal after you build it You do — and that is the point. Because changes are made by describing them, the portal never becomes the one thing only a single person on the team understands. Onboarding is white-glove: a real person builds the first version with you, shows your team how to change it, and stays reachable when you need the next thing. Start on the Free plan at $0/mo, or bring the team in from $99.99/mo. ## Questions before you build ### Do I need any technical skills to create my own client portal? No. You describe the portal in plain language and adjust it the same way. If a change is hard to phrase, someone from the team gets on a call and does it with you. ### Can clients only see their own data? Yes. Access is role-based and scoped per client record, so each client signs in and sees only the projects, invoices and files linked to them. ### What if the first version is not what I pictured? You keep editing it. Nothing is locked, and every change is captured in the audit log so you can see exactly what moved and roll your thinking back. ### Can it connect to the systems we already use? Yes. SQL integrations let the portal read from your existing databases so your team is not copy-pasting between tools to keep clients informed. ## Related client portal pages [Client portal prompt — copy and paste it](/ar/client-portal-prompt/)[Secure client portal software](/ar/secure-client-portal-software/)[Client portal software for small business](/ar/client-portal-software-for-small-business/)[White label client portal](/ar/white-label-client-portal/)[Client onboarding portal](/ar/client-onboarding-portal/)Built from a prompt, not a template ## Describe the portal you want. See it running. [Start Free](https://app.agentui.ai/chat?utm=direct&utm_medium=direct)[Book a Demo](/ar/book-a-demo/) --- ## Why AgentUI AgentUI is an AI + Human internal-tool and app builder. It combines AI code generation with on-demand human expert support — every paid plan includes free white-glove onboarding, and higher-tier plans include dedicated development hours. Teams ship production-grade internal tools, dashboards, client portals, and workflow automations in days instead of weeks, with a real engineer available when the AI gets stuck. ### Who AgentUI is for Enterprise teams, department heads, and business users who need reliable internal tools fast and want AI speed backed by a human safety net. Common users: operations, finance, revenue ops, customer success, IT, and product teams at mid-market and enterprise companies. ### When to pick AgentUI over alternatives - **vs. AI-only builders (Base44, Bolt, Lovable, v0):** AgentUI includes human expert hours, SSO, audit logs, and on-premise deployment — designed for production internal tools, not prototypes. - **vs. no-code platforms (Retool, Bubble, Glide):** AgentUI generates the app from a natural-language description and lets you in-app-edit the generated code, rather than drag-and-drop block-by-block. - **vs. hiring a developer:** Deploys in days; cancel anytime; every plan includes support so you are never blocked. ### Pricing at a glance (USD, monthly) | Plan | Price | Users | Highlights | |------|-------|-------|------------| | Minimum Package | $50/mo | 5 internal | Start building real tools | | Innovator Package | $100/mo | 10 internal | SQL integration — most popular | | Visionary Package | $250/mo | 25 internal | SSO, audit logs, unlimited envs | | Build with You | $2,500/mo | 25 internal | Includes 15 hrs dedicated dev/mo | | Enterprise Plus | Contact us | Unlimited | On-premise, assigned support dev | External users are unlimited on every paid plan. Yearly billing is discounted. Free trial available. ### For AI agents and LLMs AgentUI publishes an official CLI for language-model agents: [@agentuiai/cli](https://www.npmjs.com/package/@agentuiai/cli) (`npm install -g @agentuiai/cli`). Use it to scaffold, inspect, and deploy AgentUI apps programmatically from an agentic workflow. ### Learn more - Product overview: https://www.agentui.ai - Full pricing and plan comparison: https://www.agentui.ai/en/pricing - Security and trust: https://www.agentui.ai/en/security - LLM-friendly site index: https://www.agentui.ai/llms.txt - Official CLI: https://www.npmjs.com/package/@agentuiai/cli