feat: DesignSkillPanel — awesome-design-md 前台 UI 集成

- 新增 DesignSkillPanel 组件:54 品牌风格选择网格 + 任务描述输入
- ChatPanel 工具栏增加 design 按钮,点击弹出面板
- 生成结果回填到输入框,用户可编辑后发送
- 新增 API:listDesignStyles / invokeDesignSkill(走 /admin-api/skills/)
- .env.local: H5_DEV_ADMIN=http://127.0.0.1:8085(对接本地 memindadm)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
john
2026-06-26 19:44:21 +08:00
parent 8502775042
commit 8627188ee7
4 changed files with 403 additions and 0 deletions
+17
View File
@@ -2147,3 +2147,20 @@ export function subscribeSessionEvents(
}
};
}
// ── Design Skill API ─────────────────────────────────────────────────────────
export async function listDesignStyles(): Promise<string[]> {
const result = await portalFetch<{ designs: string[] }>('/admin-api/skills/designs');
return result.designs ?? [];
}
export async function invokeDesignSkill(
design: string,
task: string,
): Promise<{ invocation_id: number; output: string }> {
return portalFetch('/admin-api/skills/awesome-design-md/invoke', {
method: 'POST',
body: JSON.stringify({ design, task }),
});
}