]*>[\s\S]*?<\/svg>/gi, '')
+ .replace(/]*>([\s\S]*?)<\/code><\/pre>/gi, '```\n$1\n```')
+ .replace(/([\s\S]*?)<\/pre>/gi, '```\n$1\n```')
+ .replace(/]*>(.+?)<\/h\1>/gi, (_, level, content) => '#'.repeat(Number(level)) + ' ' + content)
+ .replace(/]*>([\s\S]*?)<\/strong>/gi, '**$1**')
+ .replace(/]*>([\s\S]*?)<\/b>/gi, '**$1**')
+ .replace(/]*>([\s\S]*?)<\/em>/gi, '*$1*')
+ .replace(/]*>([\s\S]*?)<\/i>/gi, '*$1*')
+ .replace(/]*>([\s\S]*?)<\/code>/gi, '`$1`')
+ .replace(/]*href="([^"]+)"[^>]*>([\s\S]*?)<\/a>/gi, '[$2]($1)')
+ .replace(/]*src="([^"]+)"[^>]*alt="([^"]*)"[^>]*>/gi, '')
+ .replace(/]*>[\s\S]*?<\/button>/gi, '')
+ .replace(/]*src="([^"]+)"[^>]*>/gi, '')
+ .replace(/]*>([\s\S]*?)<\/li>/gi, '- $1\n')
+ .replace(//gi, '\n')
+ .replace(/<\/(p|div|section|article|header|footer|aside|main|nav|li|ul|ol|h[1-6]|pre|code|blockquote|table|thead|tbody|tr)>/gi, '\n')
+ .replace(//gi, '\n---\n')
+ .replace(/<[^>]+>/g, ''),
+ )
+ .replace(/\u00a0/g, ' ')
+ .replace(/[ \t]+\n/g, '\n'),
+ )
+}
+
+export function parseDetailPage(html: string, entry: LeaderboardEntry): SkillDetailMeta | null {
+ const md = htmlToMarkdown(html)
+ const summary = normalizeSectionContent(
+ getSectionLines(md, 'Summary', ['SKILL.md', 'Installs', 'Repository', 'GitHub Stars', 'First Seen', 'Security Audits']),
+ )
+ const skillMd = normalizeSectionContent(
+ getSectionLines(md, 'SKILL.md', ['Related skills', 'Installs', 'Repository', 'GitHub Stars', 'First Seen', 'Security Audits']),
+ )
+
+ if (!summary && !skillMd) return null
+
+ const repository = extractSimpleMetric(md, 'Repository') || `${entry.owner}/${entry.repo}`
+ const weeklyInstalls = extractSimpleMetric(md, 'Installs') || ''
+ const githubStars = extractSimpleMetric(md, 'GitHub Stars')
+
+ const fm = parseFrontmatter(skillMd)
+ const name = fm.name || entry.skillName
+ const description = summary || fm.description || `${name} community skill`
+
+ return {
+ name,
+ description,
+ content: skillMd || `# ${name}\n\n${description}`,
+ githubStars,
+ weeklyInstalls,
+ }
+}
+
+// ── Fetch skill detail (from skills.sh, not GitHub raw) ──
+
+export async function fetchSkillDetail(entry: LeaderboardEntry): Promise {
+ try {
+ const html = await fetchDetailPageHtml(entry)
+ return parseDetailPage(html, entry)
+ } catch {
+ return null
+ }
+}
+
+export async function fetchSkillDetailFromSkill(skill: Skill): Promise {
+ if (!skill.repo) return null
+ const parts = skill.repo.split('/')
+ if (parts.length < 2) return null
+ const entry: LeaderboardEntry = {
+ owner: parts[0],
+ repo: parts[1],
+ skillName: skill.name,
+ detailPath: `/${parts[0]}/${parts[1]}/${skill.path || skill.name.toLowerCase().replace(/\s+/g, '-')}`,
+ detailUrl: `${BASE}/${parts[0]}/${parts[1]}/${skill.path || skill.name.toLowerCase().replace(/\s+/g, '-')}`,
+ installs: skill.installCount || 0,
+ }
+ return fetchSkillDetail(entry)
+}
+
+// ── Search ──
+
+export interface PublicSearchResult {
+ name: string
+ source: string
+ installs: number
+}
+
+export async function searchSkillsSh(q: string): Promise {
+ if (!q || q.length < 1) return []
+ const url = `https://skills.sh/api/search?q=${encodeURIComponent(q)}`
+ const resp = await fetch(url, { headers: { 'User-Agent': 'skill-hub', Accept: 'application/json' } })
+ if (!resp.ok) throw new SkillsShError(resp.status, `search API error: ${resp.status}`)
+ const body = await resp.json()
+ return body.skills || []
+}
+
+// ── Converters ──
+
+export function leaderboardEntryToSkill(e: LeaderboardEntry): Skill {
+ const dirName = e.detailPath.split('/').filter(Boolean).pop() || e.skillName.toLowerCase().replace(/\s+/g, '-')
+ return {
+ id: `${e.owner}/${e.repo}/${dirName}`,
+ name: e.skillName,
+ description: '',
+ author: e.owner,
+ tags: [],
+ format: 'generic',
+ source: 'skills-sh',
+ repo: `${e.owner}/${e.repo}`,
+ path: dirName,
+ installCount: e.installs,
+ }
+}
+
+export function searchResultToSkill(s: PublicSearchResult): Skill {
+ const parts = s.source.split('/')
+ const owner = parts[0] || ''
+ const slug = s.name.toLowerCase().replace(/\s+/g, '-')
+ return {
+ id: `${s.source}/${slug}`,
+ name: s.name,
+ description: '',
+ author: owner,
+ tags: [],
+ format: 'generic',
+ source: 'skills-sh',
+ repo: s.source,
+ path: slug,
+ installCount: s.installs,
+ }
+}
+
+// ── GitHub download helpers ──
+
+export function getGitHubRepo(skill: Skill): { owner: string; repo: string } | null {
+ if (!skill.repo) return null
+ const parts = skill.repo.split('/')
+ if (parts.length < 2) return null
+ return { owner: parts[0], repo: parts[1] }
+}
diff --git a/plugins/skill-hub/src/utils/source-info.ts b/plugins/skill-hub/src/utils/source-info.ts
new file mode 100644
index 00000000..e4ca934c
--- /dev/null
+++ b/plugins/skill-hub/src/utils/source-info.ts
@@ -0,0 +1,78 @@
+import type { Skill } from '../types'
+import type { SkillIdentity, SkillSourceLocation } from '../types'
+import { STORE_ICONS, getStoreIconFromSource } from '../data/store-icons'
+import { storage } from './storage'
+
+export interface SourceInfo {
+ label: string
+ icon: string
+ color: string
+ bg: string
+}
+
+export function getSourceInfo(skill: Skill, registry?: Map): SourceInfo {
+ if (registry) {
+ const identity = registry.get(skill.canonicalId || skill.id)
+ if (identity && identity.sources.length > 1) {
+ const labels = identity.sources.map(s => getSourceLabelFromLocation(s))
+ const uniqueLabels = [...new Set(labels)]
+ return { label: uniqueLabels.join(' · '), icon: 'multi', color: '#8b5cf6', bg: '#ede9fe' }
+ }
+ }
+ if (skill.storeSourceId) {
+ if (skill.storeSourceId === 'skills-sh') {
+ return { label: 'skills.sh', icon: STORE_ICONS['skills-sh'], color: '#16a34a', bg: '#dcfce7' }
+ }
+ if (skill.storeSourceId === 'claude') {
+ return { label: 'Claude Code', icon: STORE_ICONS.claude, color: '#c2785c', bg: '#fef3c7' }
+ }
+ if (skill.storeSourceId === 'codex') {
+ return { label: 'Codex', icon: STORE_ICONS.codex, color: '#2563eb', bg: '#dbeafe' }
+ }
+ if (skill.storeSourceId.startsWith('agent:')) {
+ return { label: '本地', icon: 'folder', color: '#8b5cf6', bg: '#ede9fe' }
+ }
+ const customStore = storage.getStoreSources().find(s => s.id === skill.storeSourceId)
+ if (customStore) {
+ return { label: customStore.name, icon: getStoreIconFromSource(customStore), color: '#16a34a', bg: '#dcfce7' }
+ }
+ return { label: '商店', icon: STORE_ICONS['skills-sh'], color: '#16a34a', bg: '#dcfce7' }
+ }
+ if (skill.source === 'skills-sh') {
+ return { label: 'skills.sh', icon: STORE_ICONS['skills-sh'], color: '#16a34a', bg: '#dcfce7' }
+ }
+ if (skill.repo) {
+ if (skill.repo === 'anthropics/skills') {
+ return { label: 'Claude Code', icon: STORE_ICONS.claude, color: '#c2785c', bg: '#fef3c7' }
+ }
+ if (skill.repo === 'openai/skills') {
+ return { label: 'Codex', icon: STORE_ICONS.codex, color: '#2563eb', bg: '#dbeafe' }
+ }
+ return { label: 'GitHub', icon: 'git', color: '#6b7280', bg: '#f3f4f6' }
+ }
+ if (skill.source === 'local') {
+ return { label: '本地', icon: 'folder', color: '#8b5cf6', bg: '#ede9fe' }
+ }
+ return { label: '本地', icon: 'folder', color: '#8b5cf6', bg: '#ede9fe' }
+}
+
+function getSourceLabelFromLocation(source: SkillSourceLocation): string {
+ switch (source.type) {
+ case 'github':
+ return 'GitHub'
+ case 'skills-sh':
+ return 'skills.sh'
+ case 'local':
+ return source.platformId ? `Agent (${source.platformId})` : 'Agent'
+ case 'local-dir':
+ return source.projectId ? `Project` : 'Local'
+ case 'marketplace-json':
+ return 'Marketplace'
+ case 'git-repo':
+ return 'Git Repo'
+ case 'builtin':
+ return 'Built-in'
+ default:
+ return source.type
+ }
+}
diff --git a/plugins/skill-hub/src/utils/storage.ts b/plugins/skill-hub/src/utils/storage.ts
new file mode 100644
index 00000000..253d5544
--- /dev/null
+++ b/plugins/skill-hub/src/utils/storage.ts
@@ -0,0 +1,411 @@
+import type { InstallRecord, StoreSource, AppSettings, PlatformInfo, Skill, RegisteredProject, ModelConfig } from '../types'
+import { BUILTIN_PROVIDERS } from '../data/ai-providers'
+
+const PREFIX = 'sm_'
+
+function dbSet(key: string, value: any): void {
+ try {
+ window.ztools.dbStorage.setItem(PREFIX + key, JSON.stringify(value))
+ } catch (e) {
+ console.error(`[storage] dbSet failed for "${key}":`, e)
+ }
+}
+
+function dbGet(key: string): T | null {
+ try {
+ const raw = window.ztools.dbStorage.getItem(PREFIX + key)
+ if (raw === null || raw === undefined) return null
+ if (typeof raw === 'string') {
+ try { return JSON.parse(raw) as T } catch { return null }
+ }
+ return raw as T
+ } catch (e) {
+ console.error(`[storage] dbGet failed for "${key}":`, e)
+ return null
+ }
+}
+
+const KEYS = {
+ INSTALLED_SKILLS: 'installed_skills',
+ STORE_SOURCES: 'store_sources',
+ PLATFORM_CONFIGS: 'platform_configs',
+ PLATFORM_ORDER: 'platform_order',
+ SETTINGS: 'settings',
+ SCANNED_SKILLS: 'scanned_skills',
+ CACHED_SKILLS: 'cached_skills',
+ FAVORITE_IDS: 'favorite_ids',
+ DOWNLOADED_IDS: 'downloaded_ids',
+ REGISTERED_PROJECTS: 'registered_projects',
+ TRANSLATIONS: 'translations',
+}
+
+export const storage = {
+ // === Install Records ===
+ getInstallRecords(): InstallRecord[] {
+ return dbGet(KEYS.INSTALLED_SKILLS) || []
+ },
+ saveInstallRecord(record: InstallRecord): void {
+ const records = this.getInstallRecords()
+ const idx = records.findIndex(
+ (r) => r.skillId === record.skillId && r.platformId === record.platformId && r.scope === record.scope
+ )
+ if (idx >= 0) records[idx] = record
+ else records.push(record)
+ dbSet(KEYS.INSTALLED_SKILLS, records)
+ },
+ removeInstallRecord(skillId: string, platformId: string, scope?: string): void {
+ const records = this.getInstallRecords().filter(
+ (r) => !(r.skillId === skillId && r.platformId === platformId && (scope === undefined || r.scope === scope))
+ )
+ dbSet(KEYS.INSTALLED_SKILLS, records)
+ },
+ removeAllForSkill(skillId: string): void {
+ const records = this.getInstallRecords().filter((r) => r.skillId !== skillId)
+ dbSet(KEYS.INSTALLED_SKILLS, records)
+ },
+ getInstalledForPlatform(platformId: string): InstallRecord[] {
+ return this.getInstallRecords().filter((r) => r.platformId === platformId)
+ },
+ getInstalledForSkill(skillId: string): InstallRecord[] {
+ return this.getInstallRecords().filter((r) => r.skillId === skillId)
+ },
+ isSkillInstalled(skillId: string, platformId: string): boolean {
+ return this.getInstallRecords().some(
+ (r) => r.skillId === skillId && r.platformId === platformId
+ )
+ },
+
+ // === Store Sources ===
+ getStoreSources(): StoreSource[] {
+ return dbGet(KEYS.STORE_SOURCES) || []
+ },
+ saveStoreSource(source: StoreSource): void {
+ const sources = this.getStoreSources()
+ const idx = sources.findIndex((s) => s.id === source.id)
+ if (idx >= 0) sources[idx] = source
+ else sources.push(source)
+ dbSet(KEYS.STORE_SOURCES, sources)
+ },
+ removeStoreSource(id: string): void {
+ const sources = this.getStoreSources().filter((s) => s.id !== id)
+ dbSet(KEYS.STORE_SOURCES, sources)
+ },
+
+ // === Platform Configs ===
+ getPlatformConfigs(): PlatformInfo[] {
+ return dbGet(KEYS.PLATFORM_CONFIGS) || []
+ },
+ savePlatformConfig(config: PlatformInfo): void {
+ const configs = this.getPlatformConfigs()
+ const idx = configs.findIndex((c) => c.id === config.id)
+ if (idx >= 0) configs[idx] = config
+ else configs.push(config)
+ dbSet(KEYS.PLATFORM_CONFIGS, configs)
+ },
+ savePlatformConfigs(configs: PlatformInfo[]): void {
+ dbSet(KEYS.PLATFORM_CONFIGS, configs)
+ },
+
+ // === Platform Order ===
+ getPlatformOrder(): string[] {
+ return dbGet(KEYS.PLATFORM_ORDER) || []
+ },
+ savePlatformOrder(order: string[]): void {
+ dbSet(KEYS.PLATFORM_ORDER, order)
+ },
+
+ // === Settings ===
+ initBuiltinProviders(): ModelConfig[] {
+ return BUILTIN_PROVIDERS.map(p => ({
+ id: `builtin-${p.id}`,
+ name: p.name,
+ provider: p.id,
+ baseUrl: p.defaultBaseUrl,
+ apiPath: p.defaultApiPath,
+ apiKeys: [],
+ model: '',
+ isDefault: false,
+ isBuiltin: true,
+ enabled: false,
+ models: [],
+ icon: p.icon,
+ }))
+ },
+
+ getSettings(): AppSettings {
+ const defaults: AppSettings = {
+ defaultInstallMode: 'copy',
+ githubToken: '',
+ theme: 'auto',
+ themeMode: 'auto',
+ themeColor: 'blue',
+ fontSize: 'medium',
+ motionPreference: 'standard',
+ compactMode: false,
+ backgroundImage: '',
+ backgroundImageEnabled: false,
+ backgroundOpacity: 40,
+ backgroundBlur: 14,
+ aiModels: [],
+ translationModelId: '',
+ }
+ let saved: Partial | null = null
+ try {
+ saved = dbGet>(KEYS.SETTINGS)
+ } catch {
+ console.warn('[storage] failed to read settings, using defaults')
+ }
+ // Clean up removed built-in providers from saved data
+ if (saved?.aiModels) {
+ const activeIds = new Set(BUILTIN_PROVIDERS.map(p => p.id))
+ saved.aiModels = saved.aiModels.filter(m => !m.isBuiltin || activeIds.has(m.provider))
+ }
+ const merged = { ...defaults, ...(saved || {}) }
+ if (merged.backgroundImage && saved && (saved as any).backgroundImageEnabled === undefined) {
+ merged.backgroundImageEnabled = true
+ }
+ // Initialize built-in providers if not present
+ if (!Array.isArray(merged.aiModels) || merged.aiModels.length === 0) {
+ merged.aiModels = this.initBuiltinProviders()
+ } else {
+ // Ensure built-in providers exist and have correct structure
+ const existingIds = new Set(merged.aiModels.map(m => m.id))
+ const builtinProviders = this.initBuiltinProviders()
+ for (const bp of builtinProviders) {
+ if (!existingIds.has(bp.id)) {
+ merged.aiModels.push(bp)
+ }
+ }
+ // Update existing built-in providers with latest presets
+ for (const m of merged.aiModels) {
+ if (m.isBuiltin) {
+ const preset = BUILTIN_PROVIDERS.find(p => p.id === m.provider)
+ if (preset) {
+ m.name = preset.name
+ m.baseUrl = preset.defaultBaseUrl
+ m.apiPath = preset.defaultApiPath
+ }
+ }
+ }
+ }
+ return merged
+ },
+ saveSettings(settings: Partial): void {
+ const current = this.getSettings()
+ const merged = { ...current, ...settings }
+ dbSet(KEYS.SETTINGS, merged)
+ },
+
+ // === Scanned Skills Cache ===
+ getScannedSkills(): string[] {
+ return dbGet(KEYS.SCANNED_SKILLS) || []
+ },
+ setScannedSkills(paths: string[]): void {
+ dbSet(KEYS.SCANNED_SKILLS, paths)
+ },
+
+ // === Cached Skills ===
+ getCachedSkills(): Skill[] {
+ const skills: Skill[] = dbGet(KEYS.CACHED_SKILLS) || []
+ for (const s of skills) {
+ if (s.description) {
+ if (s.description.startsWith('[') && s.description.endsWith(']')) {
+ const inner = s.description.slice(1, -1).trim()
+ s.description = inner
+ }
+ if (/^[\[\]{}()]+$/.test(s.description)) {
+ s.description = ''
+ }
+ if (/^[>|][+-]?$/.test(s.description)) {
+ s.description = ''
+ }
+ }
+ }
+ return skills
+ },
+ saveCachedSkills(skills: Skill[]): void {
+ const existing = this.getCachedSkills()
+ const map = new Map(existing.map((s) => [s.id, s]))
+ for (const s of skills) {
+ map.set(s.id, JSON.parse(JSON.stringify(s)))
+ }
+ dbSet(KEYS.CACHED_SKILLS, Array.from(map.values()))
+ },
+
+ // === Favorites ===
+ getFavoriteIds(): string[] {
+ return dbGet(KEYS.FAVORITE_IDS) || []
+ },
+ toggleFavorite(id: string): void {
+ const ids = this.getFavoriteIds()
+ const idx = ids.indexOf(id)
+ if (idx >= 0) ids.splice(idx, 1)
+ else ids.push(id)
+ dbSet(KEYS.FAVORITE_IDS, ids)
+ },
+ isFavorite(id: string): boolean {
+ return this.getFavoriteIds().includes(id)
+ },
+
+ // === User Tags ===
+ saveSkillUserTags(skillId: string, userTags: string[]): void {
+ const skills = this.getCachedSkills()
+ const skill = skills.find((s) => s.id === skillId)
+ if (skill) {
+ skill.userTags = userTags
+ dbSet(KEYS.CACHED_SKILLS, skills)
+ }
+ },
+
+ getSkillUserTags(skillId: string): string[] {
+ const skills = this.getCachedSkills()
+ const skill = skills.find((s) => s.id === skillId)
+ return skill?.userTags || []
+ },
+
+ getAllUserTags(): string[] {
+ const skills = this.getCachedSkills()
+ const tagSet = new Set()
+ for (const s of skills) {
+ if (s.userTags) s.userTags.forEach((t) => tagSet.add(t))
+ }
+ return Array.from(tagSet).sort()
+ },
+
+ // === Downloaded Skills ===
+ getDownloadedIds(): string[] {
+ return dbGet(KEYS.DOWNLOADED_IDS) || []
+ },
+ addDownloadedId(id: string): void {
+ const ids = this.getDownloadedIds()
+ if (!ids.includes(id)) {
+ ids.push(id)
+ dbSet(KEYS.DOWNLOADED_IDS, ids)
+ }
+ },
+ removeDownloadedId(id: string): void {
+ const ids = this.getDownloadedIds().filter((i) => i !== id)
+ dbSet(KEYS.DOWNLOADED_IDS, ids)
+ },
+ isDownloaded(id: string): boolean {
+ return this.getDownloadedIds().includes(id)
+ },
+ cleanStaleCachedSkills(): void {
+ const repoRoot = window.services.pathJoin(window.ztools.getPath('userData'), 'skills-repo')
+ const cached = this.getCachedSkills()
+ const ids = this.getDownloadedIds()
+ const aliveCached = cached.filter((s) => {
+ const dir = window.services.pathJoin(repoRoot, s.id)
+ return window.services.pathExists(dir)
+ })
+ const aliveIds = aliveCached.map((s) => s.id)
+ const aliveIdSet = new Set(aliveIds)
+ const aliveInstallRecords = this.getInstallRecords().filter((r) => aliveIdSet.has(r.skillId))
+ if (aliveCached.length !== cached.length) dbSet(KEYS.CACHED_SKILLS, aliveCached)
+ if (aliveIds.length !== ids.length) dbSet(KEYS.DOWNLOADED_IDS, aliveIds)
+ if (aliveInstallRecords.length !== this.getInstallRecords().length) dbSet(KEYS.INSTALLED_SKILLS, aliveInstallRecords)
+ },
+
+ // === Registered Projects ===
+ getRegisteredProjects(): RegisteredProject[] {
+ return dbGet(KEYS.REGISTERED_PROJECTS) || []
+ },
+ saveRegisteredProjects(projects: RegisteredProject[]): void {
+ dbSet(KEYS.REGISTERED_PROJECTS, projects)
+ },
+ addRegisteredProject(project: RegisteredProject): void {
+ const projects = this.getRegisteredProjects()
+ projects.push(project)
+ this.saveRegisteredProjects(projects)
+ },
+ removeRegisteredProject(id: string): void {
+ const projects = this.getRegisteredProjects().filter((p) => p.id !== id)
+ this.saveRegisteredProjects(projects)
+ },
+ updateRegisteredProject(id: string, patch: Partial): void {
+ const projects = this.getRegisteredProjects()
+ const idx = projects.findIndex((p) => p.id === id)
+ if (idx >= 0) {
+ projects[idx] = { ...projects[idx], ...patch }
+ this.saveRegisteredProjects(projects)
+ }
+ },
+
+ // === Page State ===
+ savePageState(pageId: string, state: Record): void {
+ const all = dbGet>('page_state') || {}
+ all[pageId] = state
+ dbSet('page_state', all)
+ },
+ getPageState(pageId: string): Record | null {
+ const all = dbGet>('page_state')
+ return all?.[pageId] ?? null
+ },
+
+ // === Translation Cache ===
+ _readTranslationCache(): Record {
+ let cache: Record = {}
+ try { cache = dbGet>(KEYS.TRANSLATIONS) || {} } catch {
+ console.warn('[storage] failed to read translation cache')
+ }
+ return cache
+ },
+ _writeTranslationCache(cache: Record): void {
+ dbSet(KEYS.TRANSLATIONS, cache)
+ },
+ getTranslation(skillId: string): { sourceContent: string; translatedContent: string; mode: string } | null {
+ const cache = this._readTranslationCache()
+ return cache[skillId] || null
+ },
+ saveTranslation(skillId: string, data: { sourceContent: string; translatedContent: string; mode: string }): void {
+ const cache = this._readTranslationCache()
+ cache[skillId] = data
+ this._writeTranslationCache(cache)
+ },
+ removeTranslation(skillId: string): void {
+ const cache = this._readTranslationCache()
+ delete cache[skillId]
+ this._writeTranslationCache(cache)
+ },
+ clearTranslations(): void {
+ this._writeTranslationCache({})
+ },
+
+ // === Description Translation Cache ===
+ _readDescTranslationCache(): Record {
+ let cache: Record = {}
+ try { cache = dbGet>(KEYS.TRANSLATIONS + '_desc') || {} } catch { /* ignore */ }
+ return cache
+ },
+ _writeDescTranslationCache(cache: Record): void {
+ dbSet(KEYS.TRANSLATIONS + '_desc', cache)
+ },
+ getTranslationDesc(skillId: string): string | null {
+ const cache = this._readDescTranslationCache()
+ return cache[skillId] || null
+ },
+ saveTranslationDesc(skillId: string, translatedDesc: string): void {
+ const cache = this._readDescTranslationCache()
+ cache[skillId] = translatedDesc
+ this._writeDescTranslationCache(cache)
+ },
+ removeTranslationDesc(skillId: string): void {
+ const cache = this._readDescTranslationCache()
+ delete cache[skillId]
+ this._writeDescTranslationCache(cache)
+ },
+
+ // === Remove Skill from All Caches ===
+ removeSkillFromCache(skillId: string): void {
+ const skills = this.getCachedSkills()
+ const filtered = skills.filter((s) => s.id !== skillId)
+ dbSet(KEYS.CACHED_SKILLS, filtered)
+
+ const favorites = this.getFavoriteIds()
+ const favFiltered = favorites.filter((id) => id !== skillId)
+ dbSet(KEYS.FAVORITE_IDS, favFiltered)
+
+ this.removeTranslation(skillId)
+ this.removeTranslationDesc(skillId)
+ },
+}
diff --git a/plugins/skill-hub/src/utils/theme.ts b/plugins/skill-hub/src/utils/theme.ts
new file mode 100644
index 00000000..ea5ce207
--- /dev/null
+++ b/plugins/skill-hub/src/utils/theme.ts
@@ -0,0 +1,104 @@
+import { MORANDI_THEMES, FONT_SIZES } from '../types'
+import type { AppSettings, MorandiTheme, ThemeMode, FontSize, MotionPreference } from '../types'
+
+function hexToHsl(hex: string): { h: number; s: number; l: number } | null {
+ const m = hex.replace('#', '').match(/^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i)
+ if (!m) return null
+ const r = parseInt(m[1], 16) / 255
+ const g = parseInt(m[2], 16) / 255
+ const b = parseInt(m[3], 16) / 255
+ const max = Math.max(r, g, b), min = Math.min(r, g, b)
+ const l = (max + min) / 2
+ if (max === min) return { h: 0, s: 0, l: Math.round(l * 100) }
+ const d = max - min
+ const s = l > 0.5 ? d / (2 - max - min) : d / (max + min)
+ let h = 0
+ if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6
+ else if (max === g) h = ((b - r) / d + 2) / 6
+ else h = ((r - g) / d + 4) / 6
+ return { h: Math.round(h * 360), s: Math.round(s * 100), l: Math.round(l * 100) }
+}
+
+function getThemeHue(settings: AppSettings): number {
+ if (settings.themeColor.startsWith('#')) {
+ const hsl = hexToHsl(settings.themeColor)
+ return hsl ? hsl.h : 210
+ }
+ const t = MORANDI_THEMES.find((t) => t.id === settings.themeColor)
+ return t ? t.hue : 210
+}
+
+function getThemeSaturation(settings: AppSettings): number {
+ if (settings.themeColor.startsWith('#')) {
+ const hsl = hexToHsl(settings.themeColor)
+ return hsl ? hsl.s : 35
+ }
+ const t = MORANDI_THEMES.find((t) => t.id === settings.themeColor)
+ return t ? t.saturation : 35
+}
+
+function resolveMode(settings: AppSettings): 'light' | 'dark' {
+ if (settings.themeMode === 'auto') {
+ return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+ }
+ return settings.themeMode
+}
+
+export function applyTheme(settings: AppSettings): void {
+ const root = document.documentElement
+ const mode = resolveMode(settings)
+ const hue = getThemeHue(settings)
+ const sat = getThemeSaturation(settings)
+ const fontVal = FONT_SIZES[settings.fontSize] || '16px'
+ const basePx = parseInt(fontVal, 10)
+ const ratio = basePx / 16
+ const isDark = mode === 'dark'
+
+ root.setAttribute('data-theme', mode)
+ root.style.setProperty('--theme-hue', String(hue))
+ root.style.setProperty('--theme-saturation', `${sat}%`)
+ root.style.setProperty('--theme-lightness-offset', isDark ? '40%' : '55%')
+ root.style.setProperty('--primary', `${hue} ${sat}% 55%`)
+ root.style.setProperty('--base-font-size', fontVal)
+ root.style.fontSize = fontVal
+ root.style.setProperty('--app-zoom', String(ratio))
+
+ if (settings.compactMode) {
+ root.setAttribute('data-compact', '')
+ } else {
+ root.removeAttribute('data-compact')
+ }
+
+ applyMotion(settings.motionPreference)
+ applyBackground(settings)
+}
+
+export function applyMotion(pref: MotionPreference): void {
+ const root = document.documentElement
+ root.setAttribute('data-motion', pref)
+}
+
+export function applyBackground(settings: AppSettings): void {
+ const root = document.documentElement
+ const el = document.querySelector('.app-background') as HTMLElement | null
+ if (!el) return
+ if (settings.backgroundImage && settings.backgroundImageEnabled) {
+ root.setAttribute('data-has-bg', '')
+ el.style.backgroundImage = `url("${settings.backgroundImage.replace(/"/g, '\\"')}")`
+ el.style.opacity = String(settings.backgroundOpacity / 100)
+ el.style.filter = settings.backgroundBlur > 0 ? `blur(${settings.backgroundBlur}px)` : ''
+ el.style.display = 'block'
+ } else {
+ root.removeAttribute('data-has-bg')
+ el.style.display = 'none'
+ el.style.backgroundImage = ''
+ el.style.opacity = ''
+ el.style.filter = ''
+ }
+}
+
+export function getMandiThemes(): MorandiTheme[] {
+ return MORANDI_THEMES
+}
+
+export { hexToHsl }
diff --git a/plugins/skill-hub/src/utils/translate.ts b/plugins/skill-hub/src/utils/translate.ts
new file mode 100644
index 00000000..46199ff0
--- /dev/null
+++ b/plugins/skill-hub/src/utils/translate.ts
@@ -0,0 +1,144 @@
+import type { ModelConfig } from '../types'
+import { chatCompletion } from './ai'
+
+export type TranslationMode = 'immersive' | 'full'
+
+function getTargetLang(): string {
+ const lang = navigator.language || 'zh-CN'
+ if (lang.startsWith('zh')) return '中文'
+ if (lang.startsWith('ja')) return '日本語'
+ if (lang.startsWith('ko')) return '한국어'
+ return 'English'
+}
+
+const IMMERSIVE_SYSTEM_PROMPT = `You are a professional translator working on complete SKILL.md documents.
+
+Return a valid SKILL.md document in {targetLang}.
+
+Rules:
+1. The input may begin with YAML frontmatter between --- delimiters. Preserve the delimiters, key order, and valid YAML syntax.
+2. In frontmatter, do NOT insert ... lines. Keep YAML keys unchanged. Translate only human-readable text values such as description when appropriate. Leave identifiers, slug-like names, versions, URLs, file paths, and code-like values unchanged.
+3. After the frontmatter, translate the markdown body in immersive mode: for each heading, paragraph, or list block, output the original block first, then output the translated block wrapped in ....
+4. Do NOT translate fenced code blocks, inline code, command names, file paths, URLs, or YAML keys.
+5. Preserve markdown structure. Output only the final SKILL.md document with no commentary.
+
+Example input:
+---
+name: write
+description: Help users write better.
+---
+
+## Overview
+This skill helps you write tests.
+
+Example output:
+---
+name: write
+description: 帮助用户更好地写作。
+---
+
+## Overview
+## 概述
+This skill helps you write tests.
+此技能帮助你编写测试。`
+
+const FULL_SYSTEM_PROMPT = `You are a professional translator working on complete SKILL.md documents.
+
+Return a valid translated SKILL.md document in {targetLang}.
+
+Rules:
+1. Preserve YAML frontmatter delimiters, key order, and valid YAML syntax.
+2. Keep YAML keys unchanged. Translate human-readable text values such as description when appropriate, but leave identifiers, slug-like names, versions, URLs, file paths, and code-like values unchanged.
+3. Translate the markdown body fully while preserving markdown structure.
+4. Do NOT translate fenced code blocks, inline code, command names, file paths, URLs, or YAML keys.
+5. Output only the translated SKILL.md document with no commentary.`
+
+const DESCRIPTION_SYSTEM_PROMPT = `You are a professional translator for skill descriptions.
+
+Your task: Translate the description to {targetLang}, BUT only if it's written in a foreign language.
+
+Rules:
+1. If the text is already in {targetLang} or contains significant {targetLang} content (mixed language), return it EXACTLY as-is without any translation.
+2. Only translate pure foreign language text (e.g., pure English text when target is Chinese).
+3. Keep technical terms, code snippets, identifiers, URLs, and file paths unchanged.
+4. Return ONLY the translated text or original text, no explanations.
+5. If unsure whether to translate, return the original text as-is.`
+
+export interface ImmersiveSegment {
+ type: 'original' | 'translation'
+ text: string
+}
+
+export function stripFrontmatter(content: string): string {
+ const trimmed = content.trim()
+ if (!trimmed.startsWith('---')) return trimmed
+ const endIdx = trimmed.indexOf('---', 3)
+ if (endIdx === -1) return trimmed
+ return trimmed.slice(endIdx + 3).trim()
+}
+
+export function renderImmersiveSegments(content: string): ImmersiveSegment[] {
+ const segments: ImmersiveSegment[] = []
+ const regex = /([\s\S]*?)<\/t>/g
+ let lastIndex = 0
+ let match: RegExpExecArray | null
+
+ while ((match = regex.exec(content)) !== null) {
+ if (match.index > lastIndex) {
+ segments.push({ type: 'original', text: content.slice(lastIndex, match.index) })
+ }
+ segments.push({ type: 'translation', text: match[1] })
+ lastIndex = regex.lastIndex
+ }
+
+ if (lastIndex < content.length) {
+ segments.push({ type: 'original', text: content.slice(lastIndex) })
+ }
+
+ if (!segments.length) {
+ segments.push({ type: 'original', text: content })
+ }
+
+ return segments
+}
+
+export async function translateContent(
+ content: string,
+ model: ModelConfig,
+ mode: TranslationMode,
+ targetLang?: string,
+): Promise {
+ const lang = targetLang || getTargetLang()
+ const systemPrompt = (mode === 'immersive' ? IMMERSIVE_SYSTEM_PROMPT : FULL_SYSTEM_PROMPT).replace('{targetLang}', lang)
+
+ const result = await chatCompletion(
+ model,
+ [
+ { role: 'system', content: systemPrompt },
+ { role: 'user', content },
+ ],
+ { temperature: 0.3, maxTokens: 8192 },
+ )
+
+ return result.content
+}
+
+export async function translateDescription(
+ description: string,
+ model: ModelConfig,
+ targetLang?: string,
+): Promise {
+ const lang = targetLang || getTargetLang()
+ const systemPrompt = DESCRIPTION_SYSTEM_PROMPT.replace(/{targetLang}/g, lang)
+
+ const result = await chatCompletion(
+ model,
+ [
+ { role: 'system', content: systemPrompt },
+ { role: 'user', content: description },
+ ],
+ { temperature: 0.3, maxTokens: 1024 },
+ )
+
+ return result.content
+}
diff --git a/plugins/skill-hub/src/views/AgentSkills/Detail.vue b/plugins/skill-hub/src/views/AgentSkills/Detail.vue
new file mode 100644
index 00000000..56d1bdd3
--- /dev/null
+++ b/plugins/skill-hub/src/views/AgentSkills/Detail.vue
@@ -0,0 +1,582 @@
+
+
+
+ 未选择技能
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量模式
+ 已选 {{ selectedIds.size }} 项
+
+
+
+
+
+
+
+
+
+
+
选择 Agent 查看技能
+
+
+
+
+
+
选择要导入到 {{ selectedPlatform?.name }} 的技能
+
+
+
+
+
+
+
+
+
+
+
+
{{ skill.name.charAt(0).toUpperCase() }}
+
+
+
+
{{ skill.name }}
+
{{ skill.description || '暂无描述' }}
+
已在 Agent 中
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ uninstallScopeSkillName }} 同时存在于以下位置，请选择要卸载的范围：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ (registeredProjects.find(p => p.id === item.id)?.name || item.label).charAt(0).toUpperCase() }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量模式
+ 已选 {{ selectedIds.size }} 项
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
还没有项目
+
添加项目根目录后，即可扫描并管理项目内的本地 Skill。
+
+
+
+
+
+
+
+
+
选择要导入到项目 {{ selectedProject?.name }} 的技能
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ skill.name.charAt(0).toUpperCase() }}
+
+
+
+
{{ skill.name }}
+
{{ skill.description || '暂无描述' }}
+
已在项目中
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ fetchError }}
+
暂无可用模型
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
未选择技能
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/plugins/skill-hub/src/views/SkillStore/index.vue b/plugins/skill-hub/src/views/SkillStore/index.vue
new file mode 100644
index 00000000..034acb75
--- /dev/null
+++ b/plugins/skill-hub/src/views/SkillStore/index.vue
@@ -0,0 +1,1495 @@
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
确认删除 "{{ skillToDelete?.name }}"？
此操作将从本地移除该技能。
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ s.name }}
+
+ {{ getSourceLabel(s.type) }}
+ {{ s.url }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
暂无自定义商店
+
使用上方表单添加商店。
+
+
+
+