From e8d561bdbb477b094299a9df7ef6db0a42785366 Mon Sep 17 00:00:00 2001
From: liuxy0551 <liuxy0551@qq.com>
Date: Tue, 4 Aug 2026 10:32:38 +0800
Subject: [PATCH 1/5] fix: raise multipart files limit from 10 to 50 for skill
 upload

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 config/config.default.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/config/config.default.js b/config/config.default.js
index 801c11c..fb4e759 100644
--- a/config/config.default.js
+++ b/config/config.default.js
@@ -65,6 +65,7 @@ module.exports = (app) => {
         mode: 'file', // 使用文件模式，直接保存到临时文件
         tmpdir: path.join(app.baseDir, 'cache/uploads'), // 临时文件目录
         fields: 100, // 允许的最多字段数量
+        files: 50, // 允许的最多文件数量（默认10，Skills上传需要更多）
         cleanSchedule: {
             // 清理上传的临时文件
             cron: '0 30 4 * * *', // 每天4:30清理

From 2c60f5c9beb344a27748d37fdcc49bacad3d05af Mon Sep 17 00:00:00 2001
From: liuxy0551 <liuxy0551@qq.com>
Date: Tue, 4 Aug 2026 10:57:21 +0800
Subject: [PATCH 2/5] feat(skills): improve detail page install panel UI

- Add copy link button next to download .zip button with tooltip
- Use terminal style (BASH) for all command displays
- Simplify human install section to single command
- Remove SOON badge from install section

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../detail/components/SkillInstallPanel.tsx   | 51 +++++++++----------
 app/web/pages/skills/detail/style.scss        | 22 ++++----
 2 files changed, 33 insertions(+), 40 deletions(-)

diff --git a/app/web/pages/skills/detail/components/SkillInstallPanel.tsx b/app/web/pages/skills/detail/components/SkillInstallPanel.tsx
index 5c2b111..f9c89a6 100644
--- a/app/web/pages/skills/detail/components/SkillInstallPanel.tsx
+++ b/app/web/pages/skills/detail/components/SkillInstallPanel.tsx
@@ -97,10 +97,7 @@ export const SkillInstallPanel: React.FC<SkillInstallPanelProps> = ({
 }) => (
     <aside className="detail-right-sidebar">
         <section className="install-panel">
-            <div className="sidebar-section-title">
-                安装方式
-                <span className="install-soon-badge">SOON</span>
-            </div>
+            <div className="sidebar-section-title">安装方式</div>
 
             <div
                 className={`install-option-card ${
@@ -184,20 +181,10 @@ export const SkillInstallPanel: React.FC<SkillInstallPanelProps> = ({
                     }`.trim()}
                 >
                     <div className="install-option-body-inner">
-                        <div className="human-command-card">
-                            <div className="human-command-title">先安装 Doraemon CLI</div>
-                            {renderInlineCommand('', 'CLI 安装命令已复制到剪贴板', false)}
-                        </div>
-                        <div className="human-command-card">
-                            <div className="human-command-title">再安装当前技能</div>
-                            {renderInlineCommand(
-                                isInstallable ? skillInstallCommand : downloadCommand,
-                                isInstallable
-                                    ? '技能安装命令已复制到剪贴板'
-                                    : '下载命令已复制到剪贴板',
-                                false
-                            )}
-                        </div>
+                        {renderTerminalCommand(
+                            isInstallable ? skillInstallCommand : downloadCommand,
+                            '命令已复制到剪贴板'
+                        )}
                     </div>
                 </div>
             </div>
@@ -205,16 +192,24 @@ export const SkillInstallPanel: React.FC<SkillInstallPanelProps> = ({
 
         <section className="download-panel">
             <div className="sidebar-section-title">手动下载</div>
-            <Button
-                type="default"
-                block
-                className="download-btn"
-                onClick={() => safeOpenUrl(manualDownloadUrl)}
-            >
-                <DetailIcon src={downloadIcon} className="is-download" />
-                下载 .zip
-            </Button>
-            {renderInlineCommand(downloadCommand, '下载命令已复制到剪贴板', true)}
+            <div className="download-btn-row">
+                <Button
+                    type="default"
+                    className="download-btn"
+                    onClick={() => safeOpenUrl(manualDownloadUrl)}
+                >
+                    <DetailIcon src={downloadIcon} className="is-download" />
+                    下载 .zip
+                </Button>
+                <Button
+                    type="text"
+                    className="command-copy-btn is-download-copy"
+                    icon={<DetailIcon src={copyDarkIcon} className="is-copy-dark" />}
+                    onClick={() => copyToClipboard(manualDownloadUrl, '下载链接已复制到剪贴板')}
+                    disabled={!manualDownloadUrl}
+                />
+            </div>
+            {renderTerminalCommand(downloadCommand, '下载命令已复制到剪贴板')}
         </section>
 
         <section className="related-panel">
diff --git a/app/web/pages/skills/detail/style.scss b/app/web/pages/skills/detail/style.scss
index 54ef490..926ec42 100644
--- a/app/web/pages/skills/detail/style.scss
+++ b/app/web/pages/skills/detail/style.scss
@@ -584,17 +584,6 @@
         align-items: center;
         gap: 6px;
     }
-    .install-soon-badge {
-        display: inline-flex;
-        align-items: center;
-        padding: 2px 6px;
-        font-size: 9px;
-        font-weight: 700;
-        letter-spacing: 0.05em;
-        color: #C2410C;
-        background: #FED7AA;
-        border-radius: 4px;
-    }
     .install-option-card {
         border: 1px solid #DBE5F0;
         border-radius: 8px;
@@ -703,7 +692,6 @@
     }
     .download-btn {
         height: 28px;
-        margin-bottom: 12px;
         padding: 0 12px;
         border-radius: 4px;
         font-size: 12px;
@@ -715,6 +703,7 @@
         align-items: center;
         justify-content: center;
         gap: 8px;
+        flex: 1;
         &:hover,
         &:focus {
             background: #1B2438;
@@ -727,6 +716,15 @@
             color: #FFF;
         }
     }
+    .download-btn-row {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        margin-bottom: 12px;
+        .is-download-copy {
+            flex: 0 0 auto;
+        }
+    }
     .install-panel,
     .download-panel,
     .related-panel,

From 9ab127d989ce583ab51da76677f22cfb1871e3be Mon Sep 17 00:00:00 2001
From: liuxy0551 <liuxy0551@qq.com>
Date: Tue, 4 Aug 2026 10:59:13 +0800
Subject: [PATCH 3/5] feat(skills): show full datetime for last updated

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../detail/components/SkillInstallPanel.tsx     | 17 -----------------
 app/web/pages/skills/detail/style.scss          | 11 -----------
 .../skills/detail/utils/skillDetailUtils.ts     |  3 ++-
 3 files changed, 2 insertions(+), 29 deletions(-)

diff --git a/app/web/pages/skills/detail/components/SkillInstallPanel.tsx b/app/web/pages/skills/detail/components/SkillInstallPanel.tsx
index f9c89a6..b7bfa17 100644
--- a/app/web/pages/skills/detail/components/SkillInstallPanel.tsx
+++ b/app/web/pages/skills/detail/components/SkillInstallPanel.tsx
@@ -40,23 +40,6 @@ interface SkillInstallPanelProps {
     contributor?: string;
 }
 
-const renderInlineCommand = (command: string, copyMessage: string, compact = false) => (
-    <div className={`command-surface is-light ${compact ? 'is-compact' : ''}`.trim()}>
-        <div className="command-surface-inline">
-            <div className="command-inline-code-wrap">
-                <code>{command || '暂无可复制命令'}</code>
-            </div>
-            <Button
-                type="text"
-                className="command-copy-btn is-inline-copy"
-                icon={<DetailIcon src={copyDarkIcon} className="is-copy-dark" />}
-                onClick={() => copyToClipboard(command, copyMessage)}
-                disabled={!command}
-            />
-        </div>
-    </div>
-);
-
 const renderTerminalCommand = (command: string, copyMessage: string) => (
     <div className="command-surface is-dark is-terminal">
         <div className="terminal-head">
diff --git a/app/web/pages/skills/detail/style.scss b/app/web/pages/skills/detail/style.scss
index 926ec42..c849db9 100644
--- a/app/web/pages/skills/detail/style.scss
+++ b/app/web/pages/skills/detail/style.scss
@@ -674,17 +674,6 @@
         flex-direction: column;
         gap: 12px;
     }
-    .human-command-card {
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-    }
-    .human-command-title {
-        color: #566166;
-        font-size: 12px;
-        font-weight: 600;
-        line-height: 16px;
-    }
     .download-panel,
     .related-panel,
     .meta-panel {
diff --git a/app/web/pages/skills/detail/utils/skillDetailUtils.ts b/app/web/pages/skills/detail/utils/skillDetailUtils.ts
index 8029ef7..31a9cd6 100644
--- a/app/web/pages/skills/detail/utils/skillDetailUtils.ts
+++ b/app/web/pages/skills/detail/utils/skillDetailUtils.ts
@@ -152,5 +152,6 @@ export const formatCompactDate = (value?: string) => {
     if (!value) return '-';
     const date = new Date(value);
     if (Number.isNaN(date.getTime())) return '-';
-    return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
+    const pad = (n: number) => String(n).padStart(2, '0');
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
 };

From f24d80b98a915f052d0c6f04d42235d615f4beb0 Mon Sep 17 00:00:00 2001
From: liuxy0551 <liuxy0551@qq.com>
Date: Tue, 4 Aug 2026 11:27:24 +0800
Subject: [PATCH 4/5] fix(skills): search debounce, pagination, and cleanup
 dead code

- Add lodash debounce (300ms) to search input to prevent excessive API calls
- Fix pagination/sort/category not fetching by calling fetchSkills in updateQueryAndFetch
- Remove dead code renderInlineCommand function
- Remove orphaned CSS selectors .human-command-card and .human-command-title

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 app/web/pages/skills/index.tsx | 40 +++++++++++++++++++++++++++++-----
 1 file changed, 34 insertions(+), 6 deletions(-)

diff --git a/app/web/pages/skills/index.tsx b/app/web/pages/skills/index.tsx
index 200ec48..4173edd 100644
--- a/app/web/pages/skills/index.tsx
+++ b/app/web/pages/skills/index.tsx
@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import debounce from 'lodash/debounce';
 import {
     CopyOutlined,
     DeleteOutlined,
@@ -66,7 +67,10 @@ const SkillsMarket: React.FC<any> = ({ history }) => {
     const [importForm] = Form.useForm();
     const [editForm] = Form.useForm();
     const [query, setQuery] = useState(INITIAL_QUERY);
+    const [keywordInput, setKeywordInput] = useState('');
     const [selectedSlugs, setSelectedSlugs] = useState<Set<string>>(new Set());
+    const queryRef = useRef(query);
+    queryRef.current = query;
 
     const fetchSkills = useCallback(async (nextQuery) => {
         setLoading(true);
@@ -90,14 +94,29 @@ const SkillsMarket: React.FC<any> = ({ history }) => {
 
     useEffect(() => {
         fetchSkills(query);
-    }, [fetchSkills, query]);
+    }, []);
+
+    useEffect(() => {
+        return () => {
+            debouncedFetchRef.current.cancel();
+        };
+    }, []);
 
     const updateQueryAndFetch = (patch: Partial<typeof query>) => {
-        const next = { ...query, ...patch };
+        const next = { ...queryRef.current, ...patch };
         setQuery(next);
         setSelectedSlugs(new Set());
+        fetchSkills(next);
     };
 
+    const debouncedFetchRef = useRef(
+        debounce((keyword: string) => {
+            const next = { ...queryRef.current, keyword, pageNum: 1 };
+            setQuery(next);
+            fetchSkills(next);
+        }, 300)
+    );
+
     const handleSelect = (skill: SkillItem, selected: boolean) => {
         setSelectedSlugs((prev) => {
             const next = new Set(prev);
@@ -295,12 +314,21 @@ const SkillsMarket: React.FC<any> = ({ history }) => {
             <div className="search-filter-row">
                 <Search
                     allowClear
-                    value={query.keyword}
+                    value={keywordInput}
                     className="keyword-search"
                     placeholder="搜索名称、描述、标签或贡献者..."
                     enterButton={<SearchOutlined />}
-                    onChange={(e) => setQuery({ ...query, keyword: e.target.value })}
-                    onSearch={(value) => updateQueryAndFetch({ keyword: value, pageNum: 1 })}
+                    onChange={(e) => {
+                        setKeywordInput(e.target.value);
+                        debouncedFetchRef.current(e.target.value);
+                    }}
+                    onSearch={(value) => {
+                        debouncedFetchRef.current.cancel();
+                        setKeywordInput(value);
+                        const next = { ...queryRef.current, keyword: value, pageNum: 1 };
+                        setQuery(next);
+                        fetchSkills(next);
+                    }}
                 />
                 <Space size={12}>
                     <Button

From c6ac8d448f04013a1e939f290a1bd3dcbd0f4d38 Mon Sep 17 00:00:00 2001
From: liuxy0551 <liuxy0551@qq.com>
Date: Tue, 4 Aug 2026 14:51:59 +0800
Subject: [PATCH 5/5] style: fix prettier formatting and eslint import sorting

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 app/web/components/skills/style.scss                  | 7 ++++++-
 app/web/pages/skills/detail/utils/skillDetailUtils.ts | 4 +++-
 app/web/pages/skills/index.tsx                        | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/web/components/skills/style.scss b/app/web/components/skills/style.scss
index 6de28ff..8741ed3 100644
--- a/app/web/components/skills/style.scss
+++ b/app/web/components/skills/style.scss
@@ -64,7 +64,12 @@
         align-items: center;
         justify-content: center;
         flex: 0 0 auto;
-        background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(99, 102, 241, 0.12) 100%);
+        background:
+            linear-gradient(
+                135deg,
+                rgba(59, 130, 246, 0.08) 0%,
+                rgba(99, 102, 241, 0.12) 100%
+            );
         border: 1px solid rgba(219, 234, 254, 0.5);
         .is-package-icon {
             color: #EC4899;
diff --git a/app/web/pages/skills/detail/utils/skillDetailUtils.ts b/app/web/pages/skills/detail/utils/skillDetailUtils.ts
index 31a9cd6..050f4e2 100644
--- a/app/web/pages/skills/detail/utils/skillDetailUtils.ts
+++ b/app/web/pages/skills/detail/utils/skillDetailUtils.ts
@@ -153,5 +153,7 @@ export const formatCompactDate = (value?: string) => {
     const date = new Date(value);
     if (Number.isNaN(date.getTime())) return '-';
     const pad = (n: number) => String(n).padStart(2, '0');
-    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(
+        date.getHours()
+    )}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
 };
diff --git a/app/web/pages/skills/index.tsx b/app/web/pages/skills/index.tsx
index 4173edd..7169a59 100644
--- a/app/web/pages/skills/index.tsx
+++ b/app/web/pages/skills/index.tsx
@@ -1,5 +1,4 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import debounce from 'lodash/debounce';
 import {
     CopyOutlined,
     DeleteOutlined,
@@ -25,6 +24,7 @@ import {
     Typography,
     Upload,
 } from 'antd';
+import debounce from 'lodash/debounce';
 
 import { API } from '@/api';
 import { SkillCard } from '@/components/skills/SkillCard';