AI Design Gallery

## 1. 智能体Agent管理模块

### 1.1 核心功能
- **Agent列表管理**:展示所有Agent的核心信息,包括Agent名称、唯一标识(ID)、模型配置、技能包、运行状态(启用/禁用)、Agent类型(主Agent/子Agent)、关联主Agent(子Agent专属)、创建时间、创建人、使用次数等,支持按关键词搜索、按状态/类型筛选、按创建时间排序,提供批量启用/禁用、批量删除功能
- **Agent创建与编辑**:采用分步式流程,支持用户填写基本信息(名称、描述、标签)、选择模型配置(主模型、备用模型)、配置工作空间、选择或上传技能包,新增Agent类型选择(主Agent/子Agent),为主Agent配置绑定子Agent列表(选择已创建的子Agent),子Agent可关联指定主Agent
- **Agent技能管理**:集成OpenClaw技能市场,支持用户一键安装官方及社区贡献的技能包,也可自定义上传技能包,配置技能启用/禁用状态,查看技能详情与更新日志,支持技能批量更新与卸载
- **Agent运行控制**:支持单个Agent的启用、禁用、重启操作,启用后Agent可接收任务指令并执行,禁用后停止接收新任务,重启可解决Agent运行异常问题
- **Agent性能分析**:展示每个Agent的运行指标,包括响应时间、任务执行成功率、错误率、资源占用(CPU、内存)等,通过图表直观呈现运行趋势,帮助用户定位Agent性能瓶颈
- **Agent模板管理**:提供常用Agent模板(如办公自动化、开发提效、内容创作等),区分主Agent模板与子Agent模板,主Agent模板默认配置任务拆分、子Agent调度相关技能,子Agent模板默认配置子任务执行相关技能

### 1.2 实现要求
- 数据存储:Agent信息存储于agent_info.json文件,草稿信息存储于agent_draft.json文件,性能数据存储于agent_performance.json文件,模板信息存储于agent_template.json文件
- 技能包存储:单独创建skills文件夹,按技能包名称分类存储技能文件
- 主/子Agent配置:支持主Agent绑定子Agent列表,子Agent关联主Agent
- 实时更新:操作后实时更新对应JSON文件

## 1. 智能体Agent管理模块 ### 1.1 核心功能 - **Agent列表管理**:展示所有Agent的核心信息,包括Agent名称、唯一标识(ID)、模型配置、技能包、运行状态(启用/禁用)、Agent类型(主Agent/子Agent)、关联主Agent(子Agent专属)、创建时间、创建人、使用次数等,支持按关键词搜索、按状态/类型筛选、按创建时间排序,提供批量启用/禁用、批量删除功能 - **Agent创建与编辑**:采用分步式流程,支持用户填写基本信息(名称、描述、标签)、选择模型配置(主模型、备用模型)、配置工作空间、选择或上传技能包,新增Agent类型选择(主Agent/子Agent),为主Agent配置绑定子Agent列表(选择已创建的子Agent),子Agent可关联指定主Agent - **Agent技能管理**:集成OpenClaw技能市场,支持用户一键安装官方及社区贡献的技能包,也可自定义上传技能包,配置技能启用/禁用状态,查看技能详情与更新日志,支持技能批量更新与卸载 - **Agent运行控制**:支持单个Agent的启用、禁用、重启操作,启用后Agent可接收任务指令并执行,禁用后停止接收新任务,重启可解决Agent运行异常问题 - **Agent性能分析**:展示每个Agent的运行指标,包括响应时间、任务执行成功率、错误率、资源占用(CPU、内存)等,通过图表直观呈现运行趋势,帮助用户定位Agent性能瓶颈 - **Agent模板管理**:提供常用Agent模板(如办公自动化、开发提效、内容创作等),区分主Agent模板与子Agent模板,主Agent模板默认配置任务拆分、子Agent调度相关技能,子Agent模板默认配置子任务执行相关技能 ### 1.2 实现要求 - 数据存储:Agent信息存储于agent_info.json文件,草稿信息存储于agent_draft.json文件,性能数据存储于agent_performance.json文件,模板信息存储于agent_template.json文件 - 技能包存储:单独创建skills文件夹,按技能包名称分类存储技能文件 - 主/子Agent配置:支持主Agent绑定子Agent列表,子Agent关联主Agent - 实时更新:操作后实时更新对应JSON文件

Ontwerp een rustige, volwassen en toegankelijke website voor OYA-studio (Own Your Age), een boutique Reformer Pilates studio voor 40+ (in de praktijk vooral vrouwen, maar unisex). De site moet nuchter en klassiek aanvoelen: clean, veel witruimte, geen fitness-hype en niet spiritueel. Focus op persoonlijke aandacht, verbinding, kwaliteit van uitvoering, en fit & vitaal ouder worden.

STIJL & MERK:
- Merkwoorden: verbinding, zachtheid, vitaliteit, rust, persoonlijk, nuchter, klassiek, vriendelijk, boutique.
- Kleurpalet:
  - Diep walnoot #231716 (primair tekst/contrast)
  - Cacao #4C3C3B (secundair, knoppen/CTA)
  - Warm taupegrijs #B9B0AA (cards/sectievlakken)
  - Lila-grijs #CEC8D6 (subtiel accent, headers/achtergrondvlakken)
  - Greige #E8E3DF (basis achtergrond)
- Typografie:
  - Headers: Aquavit
  - Body: Segoe UI Small
- Vormtaal: gebruik de curve uit het logo/Y-vorm als ‘curve panel’ uitsnede in blokken of foto’s (onder/boven/rechts). Subtiele achtergrondvarianten: (1) zacht verloop, (2) ton-sur-ton Y-vorm als watermark, (3) curves in hoeken.
- Iconstijl: minimalistisch met cirkels/overlap voor aanbod (Mat Pilates, Reformer Pilates, Workshops).

DOELEN:
- Conversie naar: proefles boeken / contact opnemen / lesrooster bekijken.
- Vertrouwen: laat kwaliteit, rust en persoonlijke begeleiding zien.
- Duidelijkheid: meteen begrijpen wat Reformer Pilates is en voor wie.

STRUCTUUR (one-page + subpagina’s):
1) Home (landing)
   - Hero: rustige studiofoto met veel negatieve ruimte + korte headline
     Headline voorbeeld: “Reformer Pilates voor 40+”
     Subline: “Rustig, persoonlijk en met aandacht voor techniek.”
     CTA1: “Plan een proefles”
     CTA2: “Bekijk lesrooster”
   - USP’s (3): Persoonlijke boutique studio (max 8 reformers), Juiste uitvoering & coaching, Fit & vitaal ouder worden.
   - Aanbod cards met iconen: Reformer Pilates / Mat Pilates / Workshops (adem, slaap, leefstijl, overgang, voeding).
   - Voor wie: 40+ / 60+ focus, herkenbare dagelijkse winst (bukken, trap, veters strikken).
   - Studio: sfeer + foto’s (walnoot reformers, rustige materialen).
   - Reviews/quotes (placeholder).
   - CTA-blok: “Start rustig. Blijf sterk.” + contact.

2) Aanbod (detail)
   - Reformer Pilates (uitleg, voor wie, wat je merkt na 8–12 weken)
   - Mat Pilates
   - Workshops

3) Lesrooster
   - Overzicht in rustige tabel/kaart (grote leesbare tijden)

4) Over OYA / Over de trainer
   - Verhaal: Own Your Age, focus op ontspanning door inspanning, humor en flow, boutique aandacht.

5) Contact / Proefles
   - Formulier, locatie, parkeren, veelgestelde vragen.
   - Optioneel: integratie met boekingssysteem widget (bijv. Virtuagym).

FOTOGRAFIE RICHTING:
- Daglicht of zacht diffuus licht, natuurlijke nabewerking, geen zware filters.
- Geen drukke prints, geen felle kleuren, geen grote sportmerklogo’s op kleding.
- Nuchter: realistisch, niet te geposeerd, niet overdreven sportief.
- Doelgroep zichtbaar 40–75, diverse lichaamstypes.

UI DETAILS:
- Buttons: afgerond (subtiel), cacao met greige tekst of walnoot tekst op lila-grijs.
- Veel witruimte, rustige animaties (subtiel), heldere hiërarchie.
- Zorg voor uitstekende leesbaarheid op mobiel (body 18–20px minimaal).
- Maak een consistent componentensysteem: cards, sectiekoppen, iconen, CTA’s, roster tabel.

Lever output als: homepage layout + component library + voorstel voor 2–3 keypagina’s (Aanbod, Lesrooster, Contact).

Ontwerp een rustige, volwassen en toegankelijke website voor OYA-studio (Own Your Age), een boutique Reformer Pilates studio voor 40+ (in de praktijk vooral vrouwen, maar unisex). De site moet nuchter en klassiek aanvoelen: clean, veel witruimte, geen fitness-hype en niet spiritueel. Focus op persoonlijke aandacht, verbinding, kwaliteit van uitvoering, en fit & vitaal ouder worden. STIJL & MERK: - Merkwoorden: verbinding, zachtheid, vitaliteit, rust, persoonlijk, nuchter, klassiek, vriendelijk, boutique. - Kleurpalet: - Diep walnoot #231716 (primair tekst/contrast) - Cacao #4C3C3B (secundair, knoppen/CTA) - Warm taupegrijs #B9B0AA (cards/sectievlakken) - Lila-grijs #CEC8D6 (subtiel accent, headers/achtergrondvlakken) - Greige #E8E3DF (basis achtergrond) - Typografie: - Headers: Aquavit - Body: Segoe UI Small - Vormtaal: gebruik de curve uit het logo/Y-vorm als ‘curve panel’ uitsnede in blokken of foto’s (onder/boven/rechts). Subtiele achtergrondvarianten: (1) zacht verloop, (2) ton-sur-ton Y-vorm als watermark, (3) curves in hoeken. - Iconstijl: minimalistisch met cirkels/overlap voor aanbod (Mat Pilates, Reformer Pilates, Workshops). DOELEN: - Conversie naar: proefles boeken / contact opnemen / lesrooster bekijken. - Vertrouwen: laat kwaliteit, rust en persoonlijke begeleiding zien. - Duidelijkheid: meteen begrijpen wat Reformer Pilates is en voor wie. STRUCTUUR (one-page + subpagina’s): 1) Home (landing) - Hero: rustige studiofoto met veel negatieve ruimte + korte headline Headline voorbeeld: “Reformer Pilates voor 40+” Subline: “Rustig, persoonlijk en met aandacht voor techniek.” CTA1: “Plan een proefles” CTA2: “Bekijk lesrooster” - USP’s (3): Persoonlijke boutique studio (max 8 reformers), Juiste uitvoering & coaching, Fit & vitaal ouder worden. - Aanbod cards met iconen: Reformer Pilates / Mat Pilates / Workshops (adem, slaap, leefstijl, overgang, voeding). - Voor wie: 40+ / 60+ focus, herkenbare dagelijkse winst (bukken, trap, veters strikken). - Studio: sfeer + foto’s (walnoot reformers, rustige materialen). - Reviews/quotes (placeholder). - CTA-blok: “Start rustig. Blijf sterk.” + contact. 2) Aanbod (detail) - Reformer Pilates (uitleg, voor wie, wat je merkt na 8–12 weken) - Mat Pilates - Workshops 3) Lesrooster - Overzicht in rustige tabel/kaart (grote leesbare tijden) 4) Over OYA / Over de trainer - Verhaal: Own Your Age, focus op ontspanning door inspanning, humor en flow, boutique aandacht. 5) Contact / Proefles - Formulier, locatie, parkeren, veelgestelde vragen. - Optioneel: integratie met boekingssysteem widget (bijv. Virtuagym). FOTOGRAFIE RICHTING: - Daglicht of zacht diffuus licht, natuurlijke nabewerking, geen zware filters. - Geen drukke prints, geen felle kleuren, geen grote sportmerklogo’s op kleding. - Nuchter: realistisch, niet te geposeerd, niet overdreven sportief. - Doelgroep zichtbaar 40–75, diverse lichaamstypes. UI DETAILS: - Buttons: afgerond (subtiel), cacao met greige tekst of walnoot tekst op lila-grijs. - Veel witruimte, rustige animaties (subtiel), heldere hiërarchie. - Zorg voor uitstekende leesbaarheid op mobiel (body 18–20px minimaal). - Maak een consistent componentensysteem: cards, sectiekoppen, iconen, CTA’s, roster tabel. Lever output als: homepage layout + component library + voorstel voor 2–3 keypagina’s (Aanbod, Lesrooster, Contact).