diff --git a/src/components/agents/AgentsPanel.tsx b/src/components/agents/AgentsPanel.tsx
index afa956f..7f53f40 100644
--- a/src/components/agents/AgentsPanel.tsx
+++ b/src/components/agents/AgentsPanel.tsx
@@ -1,25 +1,22 @@
-
 import { Bot } from "lucide-react";
 
 interface AgentsPanelProps {
-    onOpenChange: (open: boolean) => void;
+  onOpenChange: (open: boolean) => void;
 }
 
-export function AgentsPanel({ }: AgentsPanelProps) {
-    return (
-        <div className="mx-auto max-w-5xl flex flex-col h-[calc(100vh-8rem)]">
-
-
-            <div className="flex-1 glass-card rounded-xl p-8 flex flex-col items-center justify-center text-center space-y-4">
-                <div className="w-20 h-20 rounded-full bg-white/5 flex items-center justify-center mb-4 animate-pulse-slow">
-                    <Bot className="w-10 h-10 text-muted-foreground" />
-                </div>
-                <h3 className="text-xl font-semibold">Coming Soon</h3>
-                <p className="text-muted-foreground max-w-md">
-                    The Agents management feature is currently under development.
-                    Stay tuned for powerful autonomous capabilities.
-                </p>
-            </div>
+export function AgentsPanel({}: AgentsPanelProps) {
+  return (
+    <div className="mx-auto max-w-5xl flex flex-col h-[calc(100vh-8rem)]">
+      <div className="flex-1 glass-card rounded-xl p-8 flex flex-col items-center justify-center text-center space-y-4">
+        <div className="w-20 h-20 rounded-full bg-white/5 flex items-center justify-center mb-4 animate-pulse-slow">
+          <Bot className="w-10 h-10 text-muted-foreground" />
         </div>
-    );
+        <h3 className="text-xl font-semibold">Coming Soon</h3>
+        <p className="text-muted-foreground max-w-md">
+          The Agents management feature is currently under development. Stay
+          tuned for powerful autonomous capabilities.
+        </p>
+      </div>
+    </div>
+  );
 }
diff --git a/src/components/prompts/PromptFormPanel.tsx b/src/components/prompts/PromptFormPanel.tsx
index 99d6c1e..fe83615 100644
--- a/src/components/prompts/PromptFormPanel.tsx
+++ b/src/components/prompts/PromptFormPanel.tsx
@@ -8,141 +8,141 @@ import { FullScreenPanel } from "@/components/common/FullScreenPanel";
 import type { Prompt, AppId } from "@/lib/api";
 
 interface PromptFormPanelProps {
-    appId: AppId;
-    editingId?: string;
-    initialData?: Prompt;
-    onSave: (id: string, prompt: Prompt) => Promise<void>;
-    onClose: () => void;
+  appId: AppId;
+  editingId?: string;
+  initialData?: Prompt;
+  onSave: (id: string, prompt: Prompt) => Promise<void>;
+  onClose: () => void;
 }
 
 const PromptFormPanel: React.FC<PromptFormPanelProps> = ({
-    appId,
-    editingId,
-    initialData,
-    onSave,
-    onClose,
+  appId,
+  editingId,
+  initialData,
+  onSave,
+  onClose,
 }) => {
-    const { t } = useTranslation();
-    const appName = t(`apps.${appId}`);
-    const filenameMap: Record<AppId, string> = {
-        claude: "CLAUDE.md",
-        codex: "AGENTS.md",
-        gemini: "GEMINI.md",
-    };
-    const filename = filenameMap[appId];
-    const [name, setName] = useState("");
-    const [description, setDescription] = useState("");
-    const [content, setContent] = useState("");
-    const [saving, setSaving] = useState(false);
-    const [isDarkMode, setIsDarkMode] = useState(false);
+  const { t } = useTranslation();
+  const appName = t(`apps.${appId}`);
+  const filenameMap: Record<AppId, string> = {
+    claude: "CLAUDE.md",
+    codex: "AGENTS.md",
+    gemini: "GEMINI.md",
+  };
+  const filename = filenameMap[appId];
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [content, setContent] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [isDarkMode, setIsDarkMode] = useState(false);
 
-    useEffect(() => {
-        setIsDarkMode(document.documentElement.classList.contains("dark"));
+  useEffect(() => {
+    setIsDarkMode(document.documentElement.classList.contains("dark"));
 
-        const observer = new MutationObserver(() => {
-            setIsDarkMode(document.documentElement.classList.contains("dark"));
-        });
+    const observer = new MutationObserver(() => {
+      setIsDarkMode(document.documentElement.classList.contains("dark"));
+    });
 
-        observer.observe(document.documentElement, {
-            attributes: true,
-            attributeFilter: ["class"],
-        });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"],
+    });
 
-        return () => observer.disconnect();
-    }, []);
+    return () => observer.disconnect();
+  }, []);
 
-    useEffect(() => {
-        if (initialData) {
-            setName(initialData.name);
-            setDescription(initialData.description || "");
-            setContent(initialData.content);
-        }
-    }, [initialData]);
+  useEffect(() => {
+    if (initialData) {
+      setName(initialData.name);
+      setDescription(initialData.description || "");
+      setContent(initialData.content);
+    }
+  }, [initialData]);
 
-    const handleSave = async () => {
-        if (!name.trim() || !content.trim()) {
-            return;
-        }
+  const handleSave = async () => {
+    if (!name.trim() || !content.trim()) {
+      return;
+    }
 
-        setSaving(true);
-        try {
-            const id = editingId || `prompt-${Date.now()}`;
-            const timestamp = Math.floor(Date.now() / 1000);
-            const prompt: Prompt = {
-                id,
-                name: name.trim(),
-                description: description.trim() || undefined,
-                content: content.trim(),
-                enabled: initialData?.enabled || false,
-                createdAt: initialData?.createdAt || timestamp,
-                updatedAt: timestamp,
-            };
-            await onSave(id, prompt);
-            onClose();
-        } catch (error) {
-            // Error handled by hook
-        } finally {
-            setSaving(false);
-        }
-    };
+    setSaving(true);
+    try {
+      const id = editingId || `prompt-${Date.now()}`;
+      const timestamp = Math.floor(Date.now() / 1000);
+      const prompt: Prompt = {
+        id,
+        name: name.trim(),
+        description: description.trim() || undefined,
+        content: content.trim(),
+        enabled: initialData?.enabled || false,
+        createdAt: initialData?.createdAt || timestamp,
+        updatedAt: timestamp,
+      };
+      await onSave(id, prompt);
+      onClose();
+    } catch (error) {
+      // Error handled by hook
+    } finally {
+      setSaving(false);
+    }
+  };
 
-    const title = editingId
-        ? t("prompts.editTitle", { appName })
-        : t("prompts.addTitle", { appName });
+  const title = editingId
+    ? t("prompts.editTitle", { appName })
+    : t("prompts.addTitle", { appName });
 
-    return (
-        <FullScreenPanel
-            isOpen={true}
-            title={title}
-            onClose={onClose}
+  return (
+    <FullScreenPanel isOpen={true} title={title} onClose={onClose}>
+      <div>
+        <Label htmlFor="name" className="text-foreground">
+          {t("prompts.name")}
+        </Label>
+        <Input
+          id="name"
+          value={name}
+          onChange={(e) => setName(e.target.value)}
+          placeholder={t("prompts.namePlaceholder")}
+          className="mt-2"
+        />
+      </div>
+
+      <div>
+        <Label htmlFor="description" className="text-foreground">
+          {t("prompts.description")}
+        </Label>
+        <Input
+          id="description"
+          value={description}
+          onChange={(e) => setDescription(e.target.value)}
+          placeholder={t("prompts.descriptionPlaceholder")}
+          className="mt-2"
+        />
+      </div>
+
+      <div>
+        <Label htmlFor="content" className="block mb-2 text-foreground">
+          {t("prompts.content")}
+        </Label>
+        <MarkdownEditor
+          value={content}
+          onChange={setContent}
+          placeholder={t("prompts.contentPlaceholder", { filename })}
+          darkMode={isDarkMode}
+          minHeight="500px"
+        />
+      </div>
+
+      <div className="flex justify-end pt-6">
+        <Button
+          type="button"
+          onClick={handleSave}
+          disabled={!name.trim() || !content.trim() || saving}
+          className="bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed"
         >
-            <div>
-                <Label htmlFor="name" className="text-foreground">{t("prompts.name")}</Label>
-                <Input
-                    id="name"
-                    value={name}
-                    onChange={(e) => setName(e.target.value)}
-                    placeholder={t("prompts.namePlaceholder")}
-                    className="mt-2"
-                />
-            </div>
-
-            <div>
-                <Label htmlFor="description" className="text-foreground">{t("prompts.description")}</Label>
-                <Input
-                    id="description"
-                    value={description}
-                    onChange={(e) => setDescription(e.target.value)}
-                    placeholder={t("prompts.descriptionPlaceholder")}
-                    className="mt-2"
-                />
-            </div>
-
-            <div>
-                <Label htmlFor="content" className="block mb-2 text-foreground">
-                    {t("prompts.content")}
-                </Label>
-                <MarkdownEditor
-                    value={content}
-                    onChange={setContent}
-                    placeholder={t("prompts.contentPlaceholder", { filename })}
-                    darkMode={isDarkMode}
-                    minHeight="500px"
-                />
-            </div>
-
-            <div className="flex justify-end pt-6">
-                <Button
-                    type="button"
-                    onClick={handleSave}
-                    disabled={!name.trim() || !content.trim() || saving}
-                    className="bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed"
-                >
-                    {saving ? t("common.saving") : t("common.save")}
-                </Button>
-            </div>
-        </FullScreenPanel>
-    );
+          {saving ? t("common.saving") : t("common.save")}
+        </Button>
+      </div>
+    </FullScreenPanel>
+  );
 };
 
 export default PromptFormPanel;
diff --git a/src/components/prompts/PromptPanel.tsx b/src/components/prompts/PromptPanel.tsx
index 3b9b987..90e2919 100644
--- a/src/components/prompts/PromptPanel.tsx
+++ b/src/components/prompts/PromptPanel.tsx
@@ -17,133 +17,138 @@ export interface PromptPanelHandle {
   openAdd: () => void;
 }
 
-const PromptPanel = React.forwardRef<PromptPanelHandle, PromptPanelProps>(({
-  open,
-  appId,
-}, ref) => {
-  const { t } = useTranslation();
-  const [isFormOpen, setIsFormOpen] = useState(false);
-  const [editingId, setEditingId] = useState<string | null>(null);
-  const [confirmDialog, setConfirmDialog] = useState<{
-    isOpen: boolean;
-    titleKey: string;
-    messageKey: string;
-    messageParams?: Record<string, unknown>;
-    onConfirm: () => void;
-  } | null>(null);
+const PromptPanel = React.forwardRef<PromptPanelHandle, PromptPanelProps>(
+  ({ open, appId }, ref) => {
+    const { t } = useTranslation();
+    const [isFormOpen, setIsFormOpen] = useState(false);
+    const [editingId, setEditingId] = useState<string | null>(null);
+    const [confirmDialog, setConfirmDialog] = useState<{
+      isOpen: boolean;
+      titleKey: string;
+      messageKey: string;
+      messageParams?: Record<string, unknown>;
+      onConfirm: () => void;
+    } | null>(null);
 
-  const { prompts, loading, reload, savePrompt, deletePrompt, toggleEnabled } =
-    usePromptActions(appId);
+    const {
+      prompts,
+      loading,
+      reload,
+      savePrompt,
+      deletePrompt,
+      toggleEnabled,
+    } = usePromptActions(appId);
 
-  useEffect(() => {
-    if (open) reload();
-  }, [open, reload]);
+    useEffect(() => {
+      if (open) reload();
+    }, [open, reload]);
 
-  const handleAdd = () => {
-    setEditingId(null);
-    setIsFormOpen(true);
-  };
+    const handleAdd = () => {
+      setEditingId(null);
+      setIsFormOpen(true);
+    };
 
-  React.useImperativeHandle(ref, () => ({
-    openAdd: handleAdd
-  }));
+    React.useImperativeHandle(ref, () => ({
+      openAdd: handleAdd,
+    }));
 
-  const handleEdit = (id: string) => {
-    setEditingId(id);
-    setIsFormOpen(true);
-  };
+    const handleEdit = (id: string) => {
+      setEditingId(id);
+      setIsFormOpen(true);
+    };
 
-  const handleDelete = (id: string) => {
-    const prompt = prompts[id];
-    setConfirmDialog({
-      isOpen: true,
-      titleKey: "prompts.confirm.deleteTitle",
-      messageKey: "prompts.confirm.deleteMessage",
-      messageParams: { name: prompt?.name },
-      onConfirm: async () => {
-        try {
-          await deletePrompt(id);
-          setConfirmDialog(null);
-        } catch (e) {
-          // Error handled by hook
-        }
-      },
-    });
-  };
+    const handleDelete = (id: string) => {
+      const prompt = prompts[id];
+      setConfirmDialog({
+        isOpen: true,
+        titleKey: "prompts.confirm.deleteTitle",
+        messageKey: "prompts.confirm.deleteMessage",
+        messageParams: { name: prompt?.name },
+        onConfirm: async () => {
+          try {
+            await deletePrompt(id);
+            setConfirmDialog(null);
+          } catch (e) {
+            // Error handled by hook
+          }
+        },
+      });
+    };
 
-  const promptEntries = useMemo(() => Object.entries(prompts), [prompts]);
+    const promptEntries = useMemo(() => Object.entries(prompts), [prompts]);
 
-  const enabledPrompt = promptEntries.find(([_, p]) => p.enabled);
+    const enabledPrompt = promptEntries.find(([_, p]) => p.enabled);
 
-  return (
-    <div className="mx-auto max-w-5xl flex flex-col h-[calc(100vh-8rem)]">
-      <div className="flex-shrink-0 px-6 py-4 glass rounded-xl border border-white/10 mb-4">
-        <div className="text-sm text-muted-foreground">
-          {t("prompts.count", { count: promptEntries.length })} ·{" "}
-          {enabledPrompt
-            ? t("prompts.enabledName", { name: enabledPrompt[1].name })
-            : t("prompts.noneEnabled")}
+    return (
+      <div className="mx-auto max-w-5xl flex flex-col h-[calc(100vh-8rem)]">
+        <div className="flex-shrink-0 px-6 py-4 glass rounded-xl border border-white/10 mb-4">
+          <div className="text-sm text-muted-foreground">
+            {t("prompts.count", { count: promptEntries.length })} ·{" "}
+            {enabledPrompt
+              ? t("prompts.enabledName", { name: enabledPrompt[1].name })
+              : t("prompts.noneEnabled")}
+          </div>
         </div>
-      </div>
 
-      <div className="flex-1 overflow-y-auto px-6 pb-16">
-        {loading ? (
-          <div className="text-center py-12 text-gray-500 dark:text-gray-400">
-            {t("prompts.loading")}
-          </div>
-        ) : promptEntries.length === 0 ? (
-          <div className="text-center py-12">
-            <div className="w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center">
-              <FileText
-                size={24}
-                className="text-gray-400 dark:text-gray-500"
-              />
+        <div className="flex-1 overflow-y-auto px-6 pb-16">
+          {loading ? (
+            <div className="text-center py-12 text-gray-500 dark:text-gray-400">
+              {t("prompts.loading")}
             </div>
-            <h3 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
-              {t("prompts.empty")}
-            </h3>
-            <p className="text-gray-500 dark:text-gray-400 text-sm">
-              {t("prompts.emptyDescription")}
-            </p>
-          </div>
-        ) : (
-          <div className="space-y-3">
-            {promptEntries.map(([id, prompt]) => (
-              <PromptListItem
-                key={id}
-                id={id}
-                prompt={prompt}
-                onToggle={toggleEnabled}
-                onEdit={handleEdit}
-                onDelete={handleDelete}
-              />
-            ))}
-          </div>
+          ) : promptEntries.length === 0 ? (
+            <div className="text-center py-12">
+              <div className="w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center">
+                <FileText
+                  size={24}
+                  className="text-gray-400 dark:text-gray-500"
+                />
+              </div>
+              <h3 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
+                {t("prompts.empty")}
+              </h3>
+              <p className="text-gray-500 dark:text-gray-400 text-sm">
+                {t("prompts.emptyDescription")}
+              </p>
+            </div>
+          ) : (
+            <div className="space-y-3">
+              {promptEntries.map(([id, prompt]) => (
+                <PromptListItem
+                  key={id}
+                  id={id}
+                  prompt={prompt}
+                  onToggle={toggleEnabled}
+                  onEdit={handleEdit}
+                  onDelete={handleDelete}
+                />
+              ))}
+            </div>
+          )}
+        </div>
+
+        {isFormOpen && (
+          <PromptFormPanel
+            appId={appId}
+            editingId={editingId || undefined}
+            initialData={editingId ? prompts[editingId] : undefined}
+            onSave={savePrompt}
+            onClose={() => setIsFormOpen(false)}
+          />
+        )}
+
+        {confirmDialog && (
+          <ConfirmDialog
+            isOpen={confirmDialog.isOpen}
+            title={t(confirmDialog.titleKey)}
+            message={t(confirmDialog.messageKey, confirmDialog.messageParams)}
+            onConfirm={confirmDialog.onConfirm}
+            onCancel={() => setConfirmDialog(null)}
+          />
         )}
       </div>
-
-      {isFormOpen && (
-        <PromptFormPanel
-          appId={appId}
-          editingId={editingId || undefined}
-          initialData={editingId ? prompts[editingId] : undefined}
-          onSave={savePrompt}
-          onClose={() => setIsFormOpen(false)}
-        />
-      )}
-
-      {confirmDialog && (
-        <ConfirmDialog
-          isOpen={confirmDialog.isOpen}
-          title={t(confirmDialog.titleKey)}
-          message={t(confirmDialog.messageKey, confirmDialog.messageParams)}
-          onConfirm={confirmDialog.onConfirm}
-          onCancel={() => setConfirmDialog(null)}
-        />
-      )}
-    </div>
-  );
-});
+    );
+  },
+);
 
 PromptPanel.displayName = "PromptPanel";
 
diff --git a/src/components/skills/RepoManagerPanel.tsx b/src/components/skills/RepoManagerPanel.tsx
index a29b554..bb3a7b5 100644
--- a/src/components/skills/RepoManagerPanel.tsx
+++ b/src/components/skills/RepoManagerPanel.tsx
@@ -9,199 +9,211 @@ import { FullScreenPanel } from "@/components/common/FullScreenPanel";
 import type { Skill, SkillRepo } from "@/lib/api/skills";
 
 interface RepoManagerPanelProps {
-    repos: SkillRepo[];
-    skills: Skill[];
-    onAdd: (repo: SkillRepo) => Promise<void>;
-    onRemove: (owner: string, name: string) => Promise<void>;
-    onClose: () => void;
+  repos: SkillRepo[];
+  skills: Skill[];
+  onAdd: (repo: SkillRepo) => Promise<void>;
+  onRemove: (owner: string, name: string) => Promise<void>;
+  onClose: () => void;
 }
 
 export function RepoManagerPanel({
-    repos,
-    skills,
-    onAdd,
-    onRemove,
-    onClose,
+  repos,
+  skills,
+  onAdd,
+  onRemove,
+  onClose,
 }: RepoManagerPanelProps) {
-    const { t } = useTranslation();
-    const [repoUrl, setRepoUrl] = useState("");
-    const [branch, setBranch] = useState("");
-    const [skillsPath, setSkillsPath] = useState("");
-    const [error, setError] = useState("");
+  const { t } = useTranslation();
+  const [repoUrl, setRepoUrl] = useState("");
+  const [branch, setBranch] = useState("");
+  const [skillsPath, setSkillsPath] = useState("");
+  const [error, setError] = useState("");
 
-    const getSkillCount = (repo: SkillRepo) =>
-        skills.filter(
-            (skill) =>
-                skill.repoOwner === repo.owner &&
-                skill.repoName === repo.name &&
-                (skill.repoBranch || "main") === (repo.branch || "main"),
-        ).length;
+  const getSkillCount = (repo: SkillRepo) =>
+    skills.filter(
+      (skill) =>
+        skill.repoOwner === repo.owner &&
+        skill.repoName === repo.name &&
+        (skill.repoBranch || "main") === (repo.branch || "main"),
+    ).length;
 
-    const parseRepoUrl = (
-        url: string,
-    ): { owner: string; name: string } | null => {
-        let cleaned = url.trim();
-        cleaned = cleaned.replace(/^https?:\/\/github\.com\//, "");
-        cleaned = cleaned.replace(/\.git$/, "");
+  const parseRepoUrl = (
+    url: string,
+  ): { owner: string; name: string } | null => {
+    let cleaned = url.trim();
+    cleaned = cleaned.replace(/^https?:\/\/github\.com\//, "");
+    cleaned = cleaned.replace(/\.git$/, "");
 
-        const parts = cleaned.split("/");
-        if (parts.length === 2 && parts[0] && parts[1]) {
-            return { owner: parts[0], name: parts[1] };
-        }
+    const parts = cleaned.split("/");
+    if (parts.length === 2 && parts[0] && parts[1]) {
+      return { owner: parts[0], name: parts[1] };
+    }
 
-        return null;
-    };
+    return null;
+  };
 
-    const handleAdd = async () => {
-        setError("");
+  const handleAdd = async () => {
+    setError("");
 
-        const parsed = parseRepoUrl(repoUrl);
-        if (!parsed) {
-            setError(t("skills.repo.invalidUrl"));
-            return;
-        }
+    const parsed = parseRepoUrl(repoUrl);
+    if (!parsed) {
+      setError(t("skills.repo.invalidUrl"));
+      return;
+    }
 
-        try {
-            await onAdd({
-                owner: parsed.owner,
-                name: parsed.name,
-                branch: branch || "main",
-                enabled: true,
-                skillsPath: skillsPath.trim() || undefined,
-            });
+    try {
+      await onAdd({
+        owner: parsed.owner,
+        name: parsed.name,
+        branch: branch || "main",
+        enabled: true,
+        skillsPath: skillsPath.trim() || undefined,
+      });
 
-            setRepoUrl("");
-            setBranch("");
-            setSkillsPath("");
-        } catch (e) {
-            setError(e instanceof Error ? e.message : t("skills.repo.addFailed"));
-        }
-    };
+      setRepoUrl("");
+      setBranch("");
+      setSkillsPath("");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : t("skills.repo.addFailed"));
+    }
+  };
 
-    const handleOpenRepo = async (owner: string, name: string) => {
-        try {
-            await settingsApi.openExternal(`https://github.com/${owner}/${name}`);
-        } catch (error) {
-            console.error("Failed to open URL:", error);
-        }
-    };
+  const handleOpenRepo = async (owner: string, name: string) => {
+    try {
+      await settingsApi.openExternal(`https://github.com/${owner}/${name}`);
+    } catch (error) {
+      console.error("Failed to open URL:", error);
+    }
+  };
 
-    return (
-        <FullScreenPanel
-            isOpen={true}
-            title={t("skills.repo.title")}
-            onClose={onClose}
-        >
-            {/* 添加仓库表单 */}
-            <div className="space-y-4 glass-card rounded-xl p-6 border border-border/10">
-                <h3 className="text-base font-semibold text-foreground">添加技能仓库</h3>
-                <div className="space-y-4">
-                    <div>
-                        <Label htmlFor="repo-url" className="text-foreground">{t("skills.repo.url")}</Label>
-                        <Input
-                            id="repo-url"
-                            placeholder={t("skills.repo.urlPlaceholder")}
-                            value={repoUrl}
-                            onChange={(e) => setRepoUrl(e.target.value)}
-                            className="mt-2"
-                        />
-                    </div>
-                    <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-                        <div>
-                            <Label htmlFor="branch" className="text-foreground">{t("skills.repo.branch")}</Label>
-                            <Input
-                                id="branch"
-                                placeholder={t("skills.repo.branchPlaceholder")}
-                                value={branch}
-                                onChange={(e) => setBranch(e.target.value)}
-                                className="mt-2"
-                            />
-                        </div>
-                        <div>
-                            <Label htmlFor="skills-path" className="text-foreground">{t("skills.repo.path")}</Label>
-                            <Input
-                                id="skills-path"
-                                placeholder={t("skills.repo.pathPlaceholder")}
-                                value={skillsPath}
-                                onChange={(e) => setSkillsPath(e.target.value)}
-                                className="mt-2"
-                            />
-                        </div>
-                    </div>
-                    {error && <p className="text-sm text-red-600 dark:text-red-400">{error}</p>}
-                    <Button
-                        onClick={handleAdd}
-                        className="bg-primary text-primary-foreground hover:bg-primary/90"
-                        type="button"
-                    >
-                        <Plus className="h-4 w-4 mr-2" />
-                        {t("skills.repo.add")}
-                    </Button>
+  return (
+    <FullScreenPanel
+      isOpen={true}
+      title={t("skills.repo.title")}
+      onClose={onClose}
+    >
+      {/* 添加仓库表单 */}
+      <div className="space-y-4 glass-card rounded-xl p-6 border border-border/10">
+        <h3 className="text-base font-semibold text-foreground">
+          添加技能仓库
+        </h3>
+        <div className="space-y-4">
+          <div>
+            <Label htmlFor="repo-url" className="text-foreground">
+              {t("skills.repo.url")}
+            </Label>
+            <Input
+              id="repo-url"
+              placeholder={t("skills.repo.urlPlaceholder")}
+              value={repoUrl}
+              onChange={(e) => setRepoUrl(e.target.value)}
+              className="mt-2"
+            />
+          </div>
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+            <div>
+              <Label htmlFor="branch" className="text-foreground">
+                {t("skills.repo.branch")}
+              </Label>
+              <Input
+                id="branch"
+                placeholder={t("skills.repo.branchPlaceholder")}
+                value={branch}
+                onChange={(e) => setBranch(e.target.value)}
+                className="mt-2"
+              />
+            </div>
+            <div>
+              <Label htmlFor="skills-path" className="text-foreground">
+                {t("skills.repo.path")}
+              </Label>
+              <Input
+                id="skills-path"
+                placeholder={t("skills.repo.pathPlaceholder")}
+                value={skillsPath}
+                onChange={(e) => setSkillsPath(e.target.value)}
+                className="mt-2"
+              />
+            </div>
+          </div>
+          {error && (
+            <p className="text-sm text-red-600 dark:text-red-400">{error}</p>
+          )}
+          <Button
+            onClick={handleAdd}
+            className="bg-primary text-primary-foreground hover:bg-primary/90"
+            type="button"
+          >
+            <Plus className="h-4 w-4 mr-2" />
+            {t("skills.repo.add")}
+          </Button>
+        </div>
+      </div>
+
+      {/* 仓库列表 */}
+      <div className="space-y-4">
+        <h3 className="text-base font-semibold text-foreground">
+          {t("skills.repo.list")}
+        </h3>
+        {repos.length === 0 ? (
+          <div className="text-center py-12 glass-card rounded-xl border border-border/10">
+            <p className="text-sm text-muted-foreground">
+              {t("skills.repo.empty")}
+            </p>
+          </div>
+        ) : (
+          <div className="space-y-3">
+            {repos.map((repo) => (
+              <div
+                key={`${repo.owner}/${repo.name}`}
+                className="flex items-center justify-between rounded-xl border border-border/10 glass-card px-4 py-3"
+              >
+                <div>
+                  <div className="text-sm font-medium text-foreground">
+                    {repo.owner}/{repo.name}
+                  </div>
+                  <div className="mt-1 text-xs text-muted-foreground">
+                    {t("skills.repo.branch")}: {repo.branch || "main"}
+                    {repo.skillsPath && (
+                      <>
+                        <span className="mx-2">•</span>
+                        {t("skills.repo.path")}: {repo.skillsPath}
+                      </>
+                    )}
+                    <span className="ml-3 inline-flex items-center rounded-full border border-border-default px-2 py-0.5 text-[11px]">
+                      {t("skills.repo.skillCount", {
+                        count: getSkillCount(repo),
+                      })}
+                    </span>
+                  </div>
                 </div>
-            </div>
-
-            {/* 仓库列表 */}
-            <div className="space-y-4">
-                <h3 className="text-base font-semibold text-foreground">{t("skills.repo.list")}</h3>
-                {repos.length === 0 ? (
-                    <div className="text-center py-12 glass-card rounded-xl border border-border/10">
-                        <p className="text-sm text-muted-foreground">
-                            {t("skills.repo.empty")}
-                        </p>
-                    </div>
-                ) : (
-                    <div className="space-y-3">
-                        {repos.map((repo) => (
-                            <div
-                                key={`${repo.owner}/${repo.name}`}
-                                className="flex items-center justify-between rounded-xl border border-border/10 glass-card px-4 py-3"
-                            >
-                                <div>
-                                    <div className="text-sm font-medium text-foreground">
-                                        {repo.owner}/{repo.name}
-                                    </div>
-                                    <div className="mt-1 text-xs text-muted-foreground">
-                                        {t("skills.repo.branch")}: {repo.branch || "main"}
-                                        {repo.skillsPath && (
-                                            <>
-                                                <span className="mx-2">•</span>
-                                                {t("skills.repo.path")}: {repo.skillsPath}
-                                            </>
-                                        )}
-                                        <span className="ml-3 inline-flex items-center rounded-full border border-border-default px-2 py-0.5 text-[11px]">
-                                            {t("skills.repo.skillCount", {
-                                                count: getSkillCount(repo),
-                                            })}
-                                        </span>
-                                    </div>
-                                </div>
-                                <div className="flex gap-2">
-                                    <Button
-                                        variant="ghost"
-                                        size="icon"
-                                        type="button"
-                                        onClick={() => handleOpenRepo(repo.owner, repo.name)}
-                                        title={t("common.view", { defaultValue: "查看" })}
-                                        className="hover:bg-black/5 dark:hover:bg-white/5"
-                                    >
-                                        <ExternalLink className="h-4 w-4" />
-                                    </Button>
-                                    <Button
-                                        variant="ghost"
-                                        size="icon"
-                                        type="button"
-                                        onClick={() => onRemove(repo.owner, repo.name)}
-                                        title={t("common.delete")}
-                                        className="hover:text-red-500 hover:bg-red-100 dark:hover:text-red-400 dark:hover:bg-red-500/10"
-                                    >
-                                        <Trash2 className="h-4 w-4" />
-                                    </Button>
-                                </div>
-                            </div>
-                        ))}
-                    </div>
-                )}
-            </div>
-        </FullScreenPanel>
-    );
+                <div className="flex gap-2">
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    type="button"
+                    onClick={() => handleOpenRepo(repo.owner, repo.name)}
+                    title={t("common.view", { defaultValue: "查看" })}
+                    className="hover:bg-black/5 dark:hover:bg-white/5"
+                  >
+                    <ExternalLink className="h-4 w-4" />
+                  </Button>
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    type="button"
+                    onClick={() => onRemove(repo.owner, repo.name)}
+                    title={t("common.delete")}
+                    className="hover:text-red-500 hover:bg-red-100 dark:hover:text-red-400 dark:hover:bg-red-500/10"
+                  >
+                    <Trash2 className="h-4 w-4" />
+                  </Button>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+    </FullScreenPanel>
+  );
 }
diff --git a/src/components/skills/SkillsPage.tsx b/src/components/skills/SkillsPage.tsx
index 497ffa9..3f3f889 100644
--- a/src/components/skills/SkillsPage.tsx
+++ b/src/components/skills/SkillsPage.tsx
@@ -16,155 +16,160 @@ export interface SkillsPageHandle {
   openRepoManager: () => void;
 }
 
-export const SkillsPage = forwardRef<SkillsPageHandle, SkillsPageProps>(({ onClose: _onClose }, ref) => {
-  const { t } = useTranslation();
-  const [skills, setSkills] = useState<Skill[]>([]);
-  const [repos, setRepos] = useState<SkillRepo[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [repoManagerOpen, setRepoManagerOpen] = useState(false);
+export const SkillsPage = forwardRef<SkillsPageHandle, SkillsPageProps>(
+  ({ onClose: _onClose }, ref) => {
+    const { t } = useTranslation();
+    const [skills, setSkills] = useState<Skill[]>([]);
+    const [repos, setRepos] = useState<SkillRepo[]>([]);
+    const [loading, setLoading] = useState(true);
+    const [repoManagerOpen, setRepoManagerOpen] = useState(false);
 
-  const loadSkills = async (afterLoad?: (data: Skill[]) => void) => {
-    try {
-      setLoading(true);
-      const data = await skillsApi.getAll();
-      setSkills(data);
-      if (afterLoad) {
-        afterLoad(data);
+    const loadSkills = async (afterLoad?: (data: Skill[]) => void) => {
+      try {
+        setLoading(true);
+        const data = await skillsApi.getAll();
+        setSkills(data);
+        if (afterLoad) {
+          afterLoad(data);
+        }
+      } catch (error) {
+        toast.error(t("skills.loadFailed"), {
+          description:
+            error instanceof Error ? error.message : t("common.error"),
+        });
+      } finally {
+        setLoading(false);
       }
-    } catch (error) {
-      toast.error(t("skills.loadFailed"), {
-        description: error instanceof Error ? error.message : t("common.error"),
-      });
-    } finally {
-      setLoading(false);
-    }
-  };
+    };
 
-  const loadRepos = async () => {
-    try {
-      const data = await skillsApi.getRepos();
-      setRepos(data);
-    } catch (error) {
-      console.error("Failed to load repos:", error);
-    }
-  };
+    const loadRepos = async () => {
+      try {
+        const data = await skillsApi.getRepos();
+        setRepos(data);
+      } catch (error) {
+        console.error("Failed to load repos:", error);
+      }
+    };
 
-  useEffect(() => {
-    Promise.all([loadSkills(), loadRepos()]);
-  }, []);
+    useEffect(() => {
+      Promise.all([loadSkills(), loadRepos()]);
+    }, []);
 
-  useImperativeHandle(ref, () => ({
-    refresh: () => loadSkills(),
-    openRepoManager: () => setRepoManagerOpen(true)
-  }));
+    useImperativeHandle(ref, () => ({
+      refresh: () => loadSkills(),
+      openRepoManager: () => setRepoManagerOpen(true),
+    }));
 
-  const handleInstall = async (directory: string) => {
-    try {
-      await skillsApi.install(directory);
-      toast.success(t("skills.installSuccess", { name: directory }));
-      await loadSkills();
-    } catch (error) {
-      toast.error(t("skills.installFailed"), {
-        description: error instanceof Error ? error.message : t("common.error"),
-      });
-    }
-  };
+    const handleInstall = async (directory: string) => {
+      try {
+        await skillsApi.install(directory);
+        toast.success(t("skills.installSuccess", { name: directory }));
+        await loadSkills();
+      } catch (error) {
+        toast.error(t("skills.installFailed"), {
+          description:
+            error instanceof Error ? error.message : t("common.error"),
+        });
+      }
+    };
 
-  const handleUninstall = async (directory: string) => {
-    try {
-      await skillsApi.uninstall(directory);
-      toast.success(t("skills.uninstallSuccess", { name: directory }));
-      await loadSkills();
-    } catch (error) {
-      toast.error(t("skills.uninstallFailed"), {
-        description: error instanceof Error ? error.message : t("common.error"),
-      });
-    }
-  };
+    const handleUninstall = async (directory: string) => {
+      try {
+        await skillsApi.uninstall(directory);
+        toast.success(t("skills.uninstallSuccess", { name: directory }));
+        await loadSkills();
+      } catch (error) {
+        toast.error(t("skills.uninstallFailed"), {
+          description:
+            error instanceof Error ? error.message : t("common.error"),
+        });
+      }
+    };
 
-  const handleAddRepo = async (repo: SkillRepo) => {
-    await skillsApi.addRepo(repo);
+    const handleAddRepo = async (repo: SkillRepo) => {
+      await skillsApi.addRepo(repo);
 
-    let repoSkillCount = 0;
-    await Promise.all([
-      loadRepos(),
-      loadSkills((data) => {
-        repoSkillCount = data.filter(
-          (skill) =>
-            skill.repoOwner === repo.owner &&
-            skill.repoName === repo.name &&
-            (skill.repoBranch || "main") === (repo.branch || "main"),
-        ).length;
-      }),
-    ]);
+      let repoSkillCount = 0;
+      await Promise.all([
+        loadRepos(),
+        loadSkills((data) => {
+          repoSkillCount = data.filter(
+            (skill) =>
+              skill.repoOwner === repo.owner &&
+              skill.repoName === repo.name &&
+              (skill.repoBranch || "main") === (repo.branch || "main"),
+          ).length;
+        }),
+      ]);
 
-    toast.success(
-      t("skills.repo.addSuccess", {
-        owner: repo.owner,
-        name: repo.name,
-        count: repoSkillCount,
-      }),
-    );
-  };
+      toast.success(
+        t("skills.repo.addSuccess", {
+          owner: repo.owner,
+          name: repo.name,
+          count: repoSkillCount,
+        }),
+      );
+    };
 
-  const handleRemoveRepo = async (owner: string, name: string) => {
-    await skillsApi.removeRepo(owner, name);
-    toast.success(t("skills.repo.removeSuccess", { owner, name }));
-    await Promise.all([loadRepos(), loadSkills()]);
-  };
+    const handleRemoveRepo = async (owner: string, name: string) => {
+      await skillsApi.removeRepo(owner, name);
+      toast.success(t("skills.repo.removeSuccess", { owner, name }));
+      await Promise.all([loadRepos(), loadSkills()]);
+    };
 
-  return (
-    <div className="flex flex-col h-full min-h-0 bg-background/50">
-      {/* 顶部操作栏（固定区域）已移除，由 App.tsx 接管 */}
+    return (
+      <div className="flex flex-col h-full min-h-0 bg-background/50">
+        {/* 顶部操作栏（固定区域）已移除，由 App.tsx 接管 */}
 
-      {/* 技能网格（可滚动详情区域） */}
-      <div className="flex-1 min-h-0 overflow-y-auto px-6 py-4 animate-fade-in">
-        {loading ? (
-          <div className="flex items-center justify-center h-64">
-            <RefreshCw className="h-8 w-8 animate-spin text-muted-foreground" />
-          </div>
-        ) : skills.length === 0 ? (
-          <div className="flex flex-col items-center justify-center h-64 text-center">
-            <p className="text-lg font-medium text-gray-900 dark:text-gray-100">
-              {t("skills.empty")}
-            </p>
-            <p className="mt-2 text-sm text-gray-500 dark:text-gray-400">
-              {t("skills.emptyDescription")}
-            </p>
-            <Button
-              variant="link"
-              onClick={() => setRepoManagerOpen(true)}
-              className="mt-3 text-sm font-normal"
-            >
-              {t("skills.addRepo")}
-            </Button>
-          </div>
-        ) : (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {skills.map((skill) => (
-              <SkillCard
-                key={skill.key}
-                skill={skill}
-                onInstall={handleInstall}
-                onUninstall={handleUninstall}
-              />
-            ))}
-          </div>
+        {/* 技能网格（可滚动详情区域） */}
+        <div className="flex-1 min-h-0 overflow-y-auto px-6 py-4 animate-fade-in">
+          {loading ? (
+            <div className="flex items-center justify-center h-64">
+              <RefreshCw className="h-8 w-8 animate-spin text-muted-foreground" />
+            </div>
+          ) : skills.length === 0 ? (
+            <div className="flex flex-col items-center justify-center h-64 text-center">
+              <p className="text-lg font-medium text-gray-900 dark:text-gray-100">
+                {t("skills.empty")}
+              </p>
+              <p className="mt-2 text-sm text-gray-500 dark:text-gray-400">
+                {t("skills.emptyDescription")}
+              </p>
+              <Button
+                variant="link"
+                onClick={() => setRepoManagerOpen(true)}
+                className="mt-3 text-sm font-normal"
+              >
+                {t("skills.addRepo")}
+              </Button>
+            </div>
+          ) : (
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+              {skills.map((skill) => (
+                <SkillCard
+                  key={skill.key}
+                  skill={skill}
+                  onInstall={handleInstall}
+                  onUninstall={handleUninstall}
+                />
+              ))}
+            </div>
+          )}
+        </div>
+
+        {/* 仓库管理面板 */}
+        {repoManagerOpen && (
+          <RepoManagerPanel
+            repos={repos}
+            skills={skills}
+            onAdd={handleAddRepo}
+            onRemove={handleRemoveRepo}
+            onClose={() => setRepoManagerOpen(false)}
+          />
         )}
       </div>
-
-      {/* 仓库管理面板 */}
-      {repoManagerOpen && (
-        <RepoManagerPanel
-          repos={repos}
-          skills={skills}
-          onAdd={handleAddRepo}
-          onRemove={handleRemoveRepo}
-          onClose={() => setRepoManagerOpen(false)}
-        />
-      )}
-    </div>
-  );
-});
+    );
+  },
+);
 
 SkillsPage.displayName = "SkillsPage";
diff --git a/src/types.ts b/src/types.ts
index b4cb57f..ff0fcbf 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -52,6 +52,14 @@ export interface UsageScript {
   accessToken?: string; // 访问令牌（NewAPI 模板使用）
   userId?: string; // 用户ID（NewAPI 模板使用）
   autoQueryInterval?: number; // 自动查询间隔（单位：分钟，0 表示禁用）
+  autoIntervalMinutes?: number; // 自动查询间隔（分钟）- 别名字段
+  request?: {
+    // 请求配置
+    url?: string; // 请求 URL
+    method?: string; // HTTP 方法
+    headers?: Record<string, string>; // 请求头
+    body?: any; // 请求体
+  };
 }
 
 // 单个套餐用量数据
@@ -101,6 +109,8 @@ export interface Settings {
   geminiConfigDir?: string;
   // 首选语言（可选，默认中文）
   language?: "en" | "zh";
+  // 是否开机自启
+  launchOnStartup?: boolean;
   // Claude 自定义端点列表
   customEndpointsClaude?: Record<string, CustomEndpoint>;
   // Codex 自定义端点列表