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>

src/components/ChatPanel.tsx

@@ -4,6 +4,7 @@ import { openAvatarPicker } from '../utils/userAvatar';
 import { CHAT_SKILL_OPTIONS, filterChatSkills } from '../utils/chatSkills';
 import { AvatarPicker } from './AvatarPicker';
 import { ChatSkillPicker } from './ChatSkillPicker';
+import { DesignSkillPanel } from './DesignSkillPanel';
 import { MessageList } from './MessageList';
 import { PageSaveDialog } from './PageSaveDialog';
 import { VoiceInputButton } from './VoiceInputButton';
@@ -67,6 +68,7 @@ export function ChatPanel({
 }) {
   const online = useNetworkStatus();
   const [input, setInput] = useState('');
+  const [designPanelOpen, setDesignPanelOpen] = useState(false);
   const [voiceRecording, setVoiceRecording] = useState(false);
   const [pageSource, setPageSource] = useState<Message | null>(null);
   const [voiceNotice, setVoiceNotice] = useState<string | null>(null);
@@ -455,6 +457,25 @@ export function ChatPanel({
               onPrefill={setInput}
             />
           )}
+          <button
+            type="button"
+            className="chat-skill-trigger"
+            title="Design Style Generator"
+            disabled={voiceDisabled}
+            onClick={() => setDesignPanelOpen(true)}
+          >
+            <DesignBtnIcon className="chat-skill-trigger-icon" />
+            <span className="chat-skill-trigger-label">design</span>
+          </button>
+          {designPanelOpen && (
+            <DesignSkillPanel
+              onClose={() => setDesignPanelOpen(false)}
+              onResult={(md) => {
+                setInput(md);
+                setDesignPanelOpen(false);
+              }}
+            />
+          )}
           {chatState === 'streaming' ? (
             <button type="button" className="danger-btn chat-input-action" onClick={() => void onStop()}>
               停止
@@ -479,3 +500,14 @@ export function ChatPanel({
     </>
   );
 }
+
+function DesignBtnIcon({ className }: { className?: string }) {
+  return (
+    <svg className={className} viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+      <path
+        fill="currentColor"
+        d="M12 2C6.48 2 2 6.48 2 12c0 5.52 4.48 10 10 10 1.1 0 2-.9 2-2 0-.52-.2-1-.52-1.36-.3-.35-.48-.83-.48-1.36 0-1.1.9-2 2-2h2.36c3.1 0 5.64-2.54 5.64-5.64C22 6.02 17.52 2 12 2zM6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13zm3-4C8.67 9 8 8.33 8 7.5S8.67 6 9.5 6s1.5.67 1.5 1.5S10.33 9 9.5 9zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 6 14.5 6s1.5.67 1.5 1.5S15.33 9 14.5 9zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 10 17.5 10s1.5.67 1.5 1.5S18.33 13 17.5 13z"
+      />
+    </svg>
+  );
+}