css

Name: css
Author: ProjectSidewalk

CSS review

by ProjectSidewalk(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Instruction file imported from ProjectSidewalk/SidewalkWebpage (.github/instructions/css.instructions.md). Copyright stays with the author.

CSS review

Design tokens (main.css :root): colors via --color-*; type via composite --text-* font shorthands (font: var(--text-body-regular);) — not raw --font-* plus hand-picked size/weight. Flag hardcoded hex colors or hand-assembled font stacks where a token fits.
Never set numbers in the accent font (Raleway). It uses old-style figures that misalign; anything rendering digits (counts, stats, timers, %, dates) gets a primary-font --text-* token, even inside an accent heading. Flag digits in a Raleway/--font-accent token.
Tool UI scaling: for Explore/Validate/overlay UI, every fixed dimension (padding, gap, width/height, border width/radius, raw font-size) must be calc(<n>px * var(--ui-scale, 1)). --text-* tokens already bake it in. Flag bare px. Fixed page chrome (navbar) is exempt.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/projectsidewalk-sidewalkwebpage-css-instructions/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

projectsidewalk-sidewalkwebpage-css-instructions.ocm.jsonjson

{
  "ocm": "1",
  "id": "projectsidewalk-sidewalkwebpage-css-instructions",
  "kind": "skill",
  "name": "css",
  "description": "CSS review",
  "publisher": "ProjectSidewalk",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "github-instructions"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "CSS review"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-instructions",
      "repository": "https://github.com/ProjectSidewalk/SidewalkWebpage",
      "path": ".github/instructions/css.instructions.md",
      "ref": "6cfc1f75e3ca1877537cd2058de1cc4624619743",
      "url": "https://github.com/ProjectSidewalk/SidewalkWebpage/blob/6cfc1f75e3ca1877537cd2058de1cc4624619743/.github/instructions/css.instructions.md",
      "key": "ProjectSidewalk/SidewalkWebpage/.github/instructions/css.instructions.md"
    },
    "applies_to": "public/css/**/*.css"
  },
  "instructions": "# CSS review\n\n- **Design tokens (`main.css :root`):** colors via `--color-*`; type via composite\n  `--text-*` font shorthands (`font: var(--text-body-regular);`) — not raw\n  `--font-*` plus hand-picked size/weight. Flag hardcoded hex colors or\n  hand-assembled font stacks where a token fits.\n- **Never set numbers in the accent font (Raleway).** It uses old-style figures that\n  misalign; anything rendering digits (counts, stats, timers, %, dates) gets a\n  primary-font `--text-*` token, even inside an accent heading. Flag digits in a\n  Raleway/`--font-accent` token.\n- **Tool UI scaling:** for Ex",
  "cost": {
    "context_tokens": 213
  }
}

Fetch it by URL: GET /api/v1/registry/projectsidewalk-sidewalkwebpage-css-instructions/manifest?version=1.0.0

About

CSS review

Use it

Manifest

Reviews