Name: frontend
Author: YudongL2000

Imported from YudongL2000/aibox-to-yizheng (client/Tesseract/n8n/n8n-master/packages/frontend/AGENTS.md). Install upstream with npx skills add YudongL2000/aibox-to-yizheng --skill frontend. Copyright stays with the author.

AGENTS.md

Extra information, specific to the frontend codebase.

CSS Variables Reference

Use the following CSS variables to maintain consistency across the application. These variables cover colors, spacing, typography, and borders.

Colors

/* Primary Colors */
--color--primary--shade-1
--color--primary
--color--primary--tint-1
--color--primary--tint-2
--color--primary--tint-3

/* Secondary Colors */
--color--secondary--shade-1
--color--secondary
--color--secondary--tint-1
--color--secondary--tint-2

/* Success Colors */
--color--success--shade-1
--color--success
--color--success--tint-1
--color--success--tint-2
--color--success--tint-3
--color--success--tint-4

/* Warning Colors */
--color--warning--shade-1
--color--warning
--color--warning--tint-1
--color--warning--tint-2

/* Danger Colors */
--color--danger--shade-1
--color--danger
--color--danger--tint-3
--color--danger--tint-4

/* Text Colors */
--color--text--shade-1
--color--text
--color--text--tint-1
--color--text--tint-2
--color--text--tint-3
--color--text--danger

/* Foreground Colors */
--color--foreground--shade-2
--color--foreground--shade-1
--color--foreground
--color--foreground--tint-1
--color--foreground--tint-2

/* Background Colors */
--color--background--shade-2
--color--background--shade-1
--color--background
--color--background--light-2
--color--background--light-3

Spacing

--spacing--5xs: 2px
--spacing--4xs: 4px
--spacing--3xs: 6px
--spacing--2xs: 8px
--spacing--xs: 12px
--spacing--sm: 16px
--spacing--md: 20px
--spacing--lg: 24px
--spacing--xl: 32px
--spacing--2xl: 48px
--spacing--3xl: 64px
--spacing--4xl: 128px
--spacing--5xl: 256px

Typography

--font-size--3xs: 10px
--font-size--2xs: 12px
--font-size--xs: 13px
--font-size--sm: 14px
--font-size--md: 16px
--font-size--lg: 18px
--font-size--xl: 20px
--font-size--2xl: 28px

--line-height--sm: 1.25
--line-height--md: 1.3
--line-height--lg: 1.35
--line-height--xl: 1.5

--font-weight--regular: 400
--font-weight--bold: 600
--font-family: InterVariable, sans-serif

Borders

--radius--sm: 2px
--radius: 4px
--radius--lg: 8px
--radius--xl: 12px

--border-width: 1px
--border-style: solid
--border: var(--border-width) var(--border-style) var(--color--foreground)

Install frontend and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

{ "ocm": "1", "id": "yudongl2000-aibox-to-yizheng-frontend", "kind": "skill", "name": "frontend", "description": "Extra information, specific to the frontend codebase.", "publisher": "YudongL2000", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-agents" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Extra information, specific to the frontend codebase." ], "primary": false, "metadata": { "source": { "provider": "github-agents", "repository": "https://github.com/YudongL2000/aibox-to-yizheng", "path": "client/Tesseract/n8n/n8n-master/packages/frontend/AGENTS.md", "ref": "ee80f074cc34a910bde3ea788e5d6f719429c6d3", "url": "https://github.com/YudongL2000/aibox-to-yizheng/blob/ee80f074cc34a910bde3ea788e5d6f719429c6d3/client/Tesseract/n8n/n8n-master/packages/frontend/AGENTS.md", "key": "YudongL2000/aibox-to-yizheng/client/Tesseract/n8n/n8n-master/packages/frontend/AGENTS.md" } }, "instructions": "# AGENTS.md\n\nExtra information, specific to the frontend codebase.\n\n### CSS Variables Reference\n\nUse the following CSS variables to maintain consistency across the\napplication. These variables cover colors, spacing, typography, and borders.\n\n#### Colors\n```css\n/* Primary Colors */\n--color--primary--shade-1\n--color--primary\n--color--primary--tint-1\n--color--primary--tint-2\n--color--primary--tint-3\n\n/* Secondary Colors */\n--color--secondary--shade-1\n--color--secondary\n--color--secondary--tint-1\n--color--secondary--tint-2\n\n/* Success Colors */\n--color--success--shade-1\n--color--success\n--color--s", "cost": { "context_tokens": 570 } }

frontend

About

AGENTS.md

CSS Variables Reference

Colors

Spacing

Typography

Borders

Install frontend and it becomes one more candidate the router can pick - when it fits.

Use it

Manifest

Reviews