--- title: "Crea Tu Propio Portal de Clientes | Descríbelo y Listo | Agent UI" description: "Crea tu propio portal de clientes sin programar. Describe el portal que necesitas, la IA crea las tablas, los accesos y las vistas, y lo cambias cuando quieras." url: https://www.agentui.ai/es/create-your-own-client-portal/ lang: es source: es/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/es/create-your-own-client-portal/](https://www.agentui.ai/es/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) Se construye describiéndolo, no con una plantilla # Crea Tu Propio Portal de Clientes Crea tu propio portal de clientes describiéndolo en lenguaje normal: las tablas, los accesos de cada cliente y las vistas se generan solas, y las ajustas en vivo. Se adapta a cómo ya trabajas con tus clientes, no a la estructura que eligió un proveedor, y cuando tu proceso cambia, cambias el portal ese mismo día. [Empezar Gratis](https://app.agentui.ai/chat?utm=direct&utm_medium=direct)[Agendar una Demo](/es/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 ## Del prompt al portal: qué describes y qué se construye No empiezas con un editor en blanco ni con una plantilla cerrada. Escribes una o dos frases sobre el portal que quieres y vuelve una primera versión funcional con tablas reales, accesos reales y una vista de cliente que puedes recorrer. Si prefieres no escribirlo desde cero, copia nuestro [prompt para portal de clientes](/es/client-portal-prompt/) y pégalo tal cual. 01 ### Lo describes "Cada cliente ve solo sus proyectos, facturas y archivos compartidos." Esa frase es la especificación. 02 ### La IA lo genera Tablas, campos, relaciones, accesos de cliente y las vistas que abre cada rol. 03 ### Lo ajustas en vivo Renombra un campo, oculta una columna, cambia quién ve qué, y el portal se actualiza. 04 ### Una persona te acompaña Si no queda bien, alguien de nuestro equipo se conecta y lo moldea contigo. 02 ## Qué se genera: tablas, campos y accesos de cliente El portal se apoya en una base de datos compartida, no en una pila de hojas de cálculo. Ves cada tabla y cada columna que se creó, renombras lo que no cuadre con tu vocabulario y añades los campos que tu proceso necesita de verdad. Una sola fuente de verdad para tu equipo y tus clientes. 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 ## Un ejemplo real: el portal de clientes de una consultora Una consultora pide clientes, proyectos, entregables y facturas, con cada cliente limitado a sus propios registros. Lo que vuelve es un portal donde el cliente entra y ve sus dos proyectos activos, los entregables pendientes de su aprobación, su factura abierta y los archivos compartidos con él, y nada de nadie más. ### Copia el prompt de ese portal exacto Este es el ejemplo de la consultora de arriba, escrito como el prompt que lo construye: las cuatro tablas, los accesos de cliente, la regla que limita a cada cliente a sus propios registros y las vistas que abren tu equipo y tus clientes. Pégalo en AgentUI tal cual o edítalo antes: es texto normal, no código. Hay más variantes en la [página del prompt para portal de clientes](/es/client-portal-prompt/). El prompt se queda en inglés: es el idioma que lee el constructor. 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. ``` Copiar promptPaste into AgentUI chat #### Las tres primeras cosas que vas a cambiar 01 ##### Los nombres de tus registros Cambia "clients", "projects" y "deliverables" por las palabras que ya usa tu equipo: cuentas, contratos, expedientes, casos, campañas. 02 ##### Tus etapas Sustituye Scoping / In progress / In review / Delivered por las etapas de tu propio tablero, en el orden en que las trabajas. 03 ##### Tu regla de permisos Nombra los campos que un cliente nunca debe ver (margen, horas, notas internas) y di qué rol interno puede invitar clientes. 04 ## Cámbialo tú mismo, el mismo día Añadir un campo o cerrar un permiso es una frase, no un ticket. Pide una columna "Signed off by" en los entregables y aparece. Decide que los clientes ya no vean las notas internas y el campo desaparece de su rol. Sin ciclos de release, sin desarrollador, sin esperar al próximo 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 ## Cuando cambia tu proceso o tu organización, el portal cambia con él La mayoría de los portales se rompen la primera vez que añades una etapa, divides un equipo o incorporas a un cliente que trabaja distinto. Aquí la estructura es tuya y cada cambio queda registrado. ### Registros de auditoría Quién cambió qué y cuándo. Cada campo, permiso y edición queda anotado. ### Acceso por roles Clientes, equipo y administradores ven cosas distintas. El acceso se define por rol, no por enlace. ### Integraciones SQL Trae datos de los sistemas que ya usas para que nadie copie y pegue cifras en el portal. 06 ## Quién mantiene el portal después de que lo construyes Tú mismo, y esa es la idea. Como los cambios se hacen describiéndolos, el portal nunca se convierte en eso que solo entiende una persona del equipo. La incorporación es guiada: una persona real construye la primera versión contigo, le enseña a tu equipo a modificarla y sigue disponible cuando necesites lo siguiente. Empieza con el plan Free por $0/mes, o suma al equipo desde $99.99/mes. ## Dudas antes de construirlo ### ¿Necesito conocimientos técnicos para crear mi propio portal de clientes? No. Describes el portal en lenguaje normal y lo ajustas igual. Si un cambio es difícil de explicar, alguien del equipo se conecta y lo hace contigo. ### ¿Cada cliente ve solo sus datos? Sí. El acceso es por rol y está acotado al registro de cada cliente, así que cada uno entra y ve solo los proyectos, facturas y archivos vinculados a él. ### ¿Y si la primera versión no es lo que imaginaba? La sigues editando. Nada queda bloqueado y cada cambio se registra en la auditoría, así que ves exactamente qué se movió y puedes volver atrás. ### ¿Se conecta con los sistemas que ya usamos? Sí. Las integraciones SQL permiten que el portal lea de tus bases de datos actuales, para que nadie copie y pegue entre herramientas para informar a los clientes. ## Páginas relacionadas sobre portales de clientes [Prompt para portal de clientes: cópialo y pégalo](/es/client-portal-prompt/)[Software de portal de clientes seguro](/es/secure-client-portal-software/)[Portal de clientes para pequeñas empresas](/es/client-portal-software-for-small-business/)[Portal de clientes de marca blanca](/es/white-label-client-portal/)[Portal de onboarding de clientes](/es/client-onboarding-portal/)Se construye describiéndolo, no con una plantilla ## Describe el portal que quieres. Míralo funcionando. [Empezar Gratis](https://app.agentui.ai/chat?utm=direct&utm_medium=direct)[Agendar una Demo](/es/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