# Operate CMS via Prompt | Talizen

> Operate CMS via Prompt

[Talizen Help](/)

[EN](/docs/cms.md)/ [中文](/docs/cms.md?lang=zh)

### Start

- [Start your first vibe site](/docs/start.md)
- [AI Credits Guide](/docs/ai-credits-guide.md)
- [How to Choose an AI Model](/docs/ai-model-guide.md)
- [Import and Publish AI Studio Projects](/docs/ai-studio-import-publish.md)
- [Import Figma Designs into Talizen](/docs/figma-import-publish.md)

### Common

- [Prompt library](/docs/prompt-lib.md)
- [Talizen Skill](/docs/talizen-skill.md)
- [Operate Form via Prompt](/docs/form.md)
- [Operate CMS via Prompt](/docs/cms.md)
- [FAQ](/docs/faq.md)
- [Prompting Tips](/docs/prompt.md)

### Backend

- [Add Login, Bookings, and Member Features](/docs/backend.md)
- [Configure OAuth Login: Google and GitHub](/docs/backend-auth.md)
- [Take Payments with Alipay](/docs/alipay-payment.md)

### tips

- [How to Install ReactBits Components](/docs/reactbits.md)

### Developers

[API for AI](/api.md)

Implementation reference for AI coding agents.

Common InquiryOperate CMS via Prompt

# Operate CMS via Prompt

## What is CMS

In website development, content such as **news, products, blogs, tutorials, and portfolios** typically uses a CMS (Content Management System).

Its core features are:

- **Unified page structure**

- **Dynamic content**


This means: the page layout remains the same, but the content displayed for each data entry is different.

## How to let AI use CMS

### Scenario 1: Creating from scratch

Taking a "Portfolio" as an example:

**1\. Specify the use of CMS**

State that CMS is needed for content management and initialize data (e.g., 5 entries).

**2\. Define fields**

Common fields include: Title, Description, Category (Web / UI / UX, etc.), Cover Image, Content, More Images (variable count).

**3\. Define page structure and paths**

Requirements to generate:

- Portfolio list page: `/work`

- Portfolio detail page: `/work/slug`


**Example Prompt**

> Use CMS to manage a portfolio, default 5 entries.
>
> Each entry includes: Title, Description, Type (Web, UI, UX, etc.), Cover Image, More Images (variable count).
>
> Please generate a portfolio list page (/work) and a portfolio detail page (/work/slug).

**How to use**

Copy the Prompt into the dialog box as shown below.

![](https://ugc.talizen.com/_assets/site/2037420607548690432/1776830023233__image.png?w=3072&fmt=webp)

AI will automatically:

- Create the portfolio list page

- Create the detail page
![](https://ugc.talizen.com/_assets/site/2037420607548690432/1776830121957__image.png?w=3072&fmt=webp)
- Generate corresponding CMS (e.g., works)
![](https://ugc.talizen.com/_assets/site/2037420607548690432/1776830137650__image.png?w=3072&fmt=webp)

### Scenario 2: Converting existing pages to CMS-driven

Applies when you already have a list or detail page.

**1\. Specify the area to be managed**

Select the list section on the page (e.g., blog list) and tell AI to use CMS management.

![](https://ugc.talizen.com/_assets/site/2037420607548690432/1776830158921__image.png?w=3072&fmt=webp)

**2\. Define fields**

For example: Title, Description, Content, Cover Image, Publish Date.

**3\. Generate page and path instructions**

For example: Need to generate an article detail page, path as blog/slug.

## Managing CMS Manually

### Content Management (Add/Edit)

Go to the **CMS Panel** on the left:

- Click **Add Content** to add new entries

- Click the edit button on each entry to modify content


### Field Management (Structure Adjustment)

Go to **Edit Fields**:

- Add fields

- Edit fields

- Delete fields


Content forms sync automatically after field modifications.

## Summary

The key to using CMS is these three points:

1. Clarify which part of the content is managed by CMS

2. Define clear data fields

3. Specify list + detail page structures


[Previous\
\
Import Figma Designs into Talizen](/docs/figma-import-publish.md) [Next\
\
FAQ](/docs/faq.md)

On this page

- [What is CMS](#header-0)
- [How to let AI use CMS](#header-1)
- [Scenario 1: Creating from scratch](#header-2)
- [Scenario 2: Converting existing pages to CMS-driven](#header-3)
- [Managing CMS Manually](#header-4)
- [Content Management (Add/Edit)](#header-5)
- [Field Management (Structure Adjustment)](#header-6)
- [Summary](#header-7)

Need more help?

[Contact Support](/contact.md)

> 全站页面清单：[/llms.txt](/llms.txt)