feat(ui): skills marketplace — 3-column card grid, categories, sort (reference-grade browse) - #692
Merged
Merged
Conversation
…+ upgraded rows 市场 tab is now a real marketplace grid over managed sources (was a static 即将上线 placeholder catalog): - 3-column auto-fill grid (min 260px → 2/1 col on narrow); each card = icon tile + name + slug mono caption + 2-line clamped description + category Chip + installed state, with a quiet + install icon-button (Download) top-right. Card body inert; only the + acts. 官方精选 label + 导入本地 Skill action. - Client-side category filter (全部分类 ∨) + sort (排序：名称/最近 ∨) via SettingsSelect on the tab row's right. Install counts OMITTED (no data). - The old 已安装-tab 来源库 list folded into this grid. 内置 / 已安装 rows: slug moved from a visible chip into the row title tooltip (技能：<id>); visible row is name + description only. Switch, open-SKILL.md button, and exception-only state_error Chip all kept. 使用 button SKIPPED — no chat-prefill/invoke mechanism exists to wire it to. Data model (backward-compatible, all optional-resolved): - ManagedSkillSourceEntry/Record gain category (fixed 7-bucket taxonomy; parsed from `category:` front-matter, unknown/missing → 效率工具). toManagedSkillSourceEntry + module-panel-types + IPC carry it through. - resolveManagedSkillSourcesRoot honors a dev-gated MAKA_SKILL_SOURCES_ROOT override so the smoke fixture seeds a deterministic catalog off-home. Fixture: module-skills seeds 7 managed sources across categories + 2 workspace skills so the grid/filter/sort and 内置/已安装 rows render meaningfully in CDP captures. Contracts re-pinned: skills.test.ts (来源库 list → 市场 card grid), visual-smoke-fixture.test.ts (+ market catalog seeding). check-dead-css clean; audit-alignment clean (incl. module-skills). No new icons; no raw oklch literals; new CSS scoped to .maka-skill-* module owners.
7 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Redesigns the skills page toward the maintainer's reference comparison: the 市场 tab becomes a real marketplace.
市场 tab
内置 / 已安装 rows
Governance
All shipped primitives + contracts honored (Chip/Item/PageHeader, 4px ruler, radius families, icon funnel, no oklch literals); skills.test.ts re-pinned to the market grid in new form; new fixture test pins the 7-source category catalog. Desktop 2294/2294 + ui 46/46 exit-code gated; dead-css/console/a11y/copy checks clean; alignment auditor clean; light/dark/narrow captures verified. Implemented by an opus worktree agent to the maintainer's spec.