Skip to content

feat: import shared design tokens from design-system#268

Merged
avifenesh merged 4 commits intomainfrom
feature/unified-design-system-1
Feb 22, 2026
Merged

feat: import shared design tokens from design-system#268
avifenesh merged 4 commits intomainfrom
feature/unified-design-system-1

Conversation

@avifenesh
Copy link
Collaborator

Summary

  • Replace inline 494-line tokens.css with @import from shared design-system
  • Add Google Fonts <link> tag to HTML head (was previously loaded via CSS @import which is render-blocking)

Context

Part of agent-sh/agent-sh.dev#1 - unified design system across all agent-sh sites.

The shared tokens now live in agent-sh/design-system.

Test Plan

  • Site renders correctly with imported tokens
  • Google Fonts load via HTML link tag
  • check-sync.sh passes

Use object-form source {"source": "url", "url": "..."} instead of bare
URL strings, and remove unrecognized "requires"/"core" keys that cause
schema validation errors when loading the marketplace.
Replace inline token definitions with @import from the shared
design-system at the monorepo root. Keeps brand personality docs
as comments for reference.
Fonts were previously loaded via CSS @import in tokens.css which is
render-blocking. Move to HTML <link> tag for parallel loading.
Copilot AI review requested due to automatic review settings February 22, 2026 10:13
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR aims to align the site styling with the shared agent-sh/design-system by replacing the large in-repo tokens.css with imports, and moves Google Fonts loading from CSS @import to an HTML <link>.

Changes:

  • Add a Google Fonts stylesheet <link> in site/index.html.
  • Replace the previous inlined design tokens/reset CSS with @import statements intended to pull from a shared design-system.
  • Update .claude-plugin/marketplace.json plugin entries (schema/fields changed).

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 5 comments.

File Description
site/index.html Adds Google Fonts stylesheet link in the document head.
site/assets/css/tokens.css Removes local tokens/reset and replaces with imports from a supposed shared design-system.
.claude-plugin/marketplace.json Changes plugin entry structure (notably source) and removes dependency metadata fields.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

…hanges

- Vendor tokens.css and base.css into site/assets/css/design-system/
  so they resolve correctly in standalone builds
- Fix @import paths to use local ./design-system/ instead of workspace-relative
- Revert marketplace.json changes that were accidentally included
@avifenesh avifenesh merged commit 061c2b0 into main Feb 22, 2026
18 checks passed
@avifenesh avifenesh deleted the feature/unified-design-system-1 branch February 22, 2026 10:25
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.

2 participants