Skip to content

docs(web): sync design system with the Remix icon switch - #1300

Merged
wbxl2000 merged 2 commits into
mainfrom
web/design-system-sync
Jul 2, 2026
Merged

docs(web): sync design system with the Remix icon switch#1300
wbxl2000 merged 2 commits into
mainfrom
web/design-system-sync

Conversation

@wbxl2000

@wbxl2000 wbxl2000 commented Jul 2, 2026

Copy link
Copy Markdown
Collaborator

Related Issue

No linked issue — follow-up to #1293 (the web icon switch to Remix Icon) to keep the design-system documentation in sync.

Problem

After #1293 switched the web UI to Remix Icon (fill-based, 24×24, sourced from the lib/icons.ts registry), the design-system.html reference still described the old hand-drawn, stroke-based icon system in places, and the §03 component gallery still rendered its demo icons with the old hand-drawn stroke SVGs. The two copies (design/ and public/) had also drifted apart.

What changed

  • Updated the §02 icon guidance to describe Remix Icon and removed the stale "line-icon / 线稿" wording.
  • Converted the §03 component-gallery demo icons from hand-drawn stroke SVGs to the equivalent Remix fill icons (24×24), preserving each demo's class/style/size so the layout is unchanged.
  • Clarified that the workspace-group add button reveals on hover or keyboard focus (matching the a11y fix in refactor(web): replace hand-written icons with Remix Icon #1293).
  • Synced public/design-system.html with design/design-system.html so the two copies are identical again.

No runtime code changes — this is documentation only.

Checklist

  • I have read the CONTRIBUTING document.
  • I have linked a related issue, or explained the problem above.
  • I have added tests that prove my feature works.
  • Ran gen-changesets skill, or this PR needs no changeset.
  • Ran gen-docs skill, or this PR needs no doc update.

Update the §02 icon guidance to describe Remix Icon (fill, 24x24, registry-sourced) and drop the stale 'line-icon' wording. Convert the §03 component-gallery demo icons from hand-drawn stroke SVGs to Remix fill icons. Clarify that the workspace-group add button reveals on hover or keyboard focus for accessibility. Sync public/design-system.html with design/.
@changeset-bot

changeset-bot Bot commented Jul 2, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: f7ae0f1

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@pkg-pr-new

pkg-pr-new Bot commented Jul 2, 2026

Copy link
Copy Markdown
pnpm dlx https://pkg.pr.new/@moonshot-ai/kimi-code@f7ae0f1
npx https://pkg.pr.new/@moonshot-ai/kimi-code@f7ae0f1

commit: f7ae0f1

@wbxl2000
wbxl2000 merged commit 7fa18c9 into main Jul 2, 2026
9 checks passed
@wbxl2000
wbxl2000 deleted the web/design-system-sync branch July 2, 2026 07:34
wbxl2000 added a commit that referenced this pull request Jul 2, 2026
Reset design-system.html to latest main (which includes the merged #1300 and #1301) and re-apply the taste-skill design guidance on top, so the branch merges cleanly.
wbxl2000 added a commit that referenced this pull request Jul 2, 2026
…nce (#1302)

* docs(web): add anti-slop design guidance inspired by taste-skill

Codify one icon family (Remix) with no hand-rolled SVG in §02. Expand the banned AI-tell list in §01 (AI-purple/blue glow, infinite-loop micro-animations). Add button and form contrast requirements to §08. Add a 'declare design intent (Design Read) first' callout.

* docs(web): resolve merge conflict with main

Reset design-system.html to latest main (which includes the merged #1300 and #1301) and re-apply the taste-skill design guidance on top, so the branch merges cleanly.

* docs(web): translate design system to English

Translate the entire design-system.html from Chinese to English, preserving all HTML structure, CSS, code blocks, SVGs, the scroll-spy script, and token values. The design system is now a single English document.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant