Name: styles
Author: zjkal

Instruction file imported from zjkal/github-notes (.cursor/rules/styles.mdc). Copyright stays with the author.

样式约定

位置约定

注入 GitHub 页面的样式:只写在 styles/content.css
popup/options 页面样式:写在各自 HTML 的 <style> 内,不新建 CSS 文件

content.css(注入 GitHub)

类名统一 github-notes- 前缀 + kebab-case(如 .github-notes-modal),避免污染 GitHub 页面
贴合 GitHub Primer 设计:复用其结构类(BorderGrid-row、btn-octicon)与 octicon 图标
颜色必须用 GitHub CSS 变量 + fallback,自动跟随 GitHub 主题:

.github-notes-container .BorderGrid-row {
  border-top: 1px solid var(--borderColor-default, #d0d7de);
}

popup / options 页面

类名简短 kebab-case(如 .note-item)
声明 color-scheme: light dark,并用 prefers-color-scheme: dark 适配深色模式
侧边栏与弹窗共用页面,差异化样式通过 [data-surface="sidebar"] / [data-surface="popup"] 区分

通用

禁止引入 Tailwind、CSS Modules 等方案
字体栈跟随 GitHub:-apple-system, BlinkMacSystemFont, 'Segoe UI', ...

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

Install styles 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": "zjkal-github-notes-styles-rule", "kind": "skill", "name": "styles", "description": "CSS 样式与主题适配约定", "publisher": "zjkal", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-cursor-rules" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "CSS 样式与主题适配约定" ], "primary": false, "metadata": { "source": { "provider": "github-cursor-rules", "repository": "https://github.com/zjkal/github-notes", "path": ".cursor/rules/styles.mdc", "ref": "c957959479b900a6610172e0f3340d4c29ebf384", "url": "https://github.com/zjkal/github-notes/blob/c957959479b900a6610172e0f3340d4c29ebf384/.cursor/rules/styles.mdc", "key": "zjkal/github-notes/.cursor/rules/styles.mdc" }, "applies_to": "styles/**/*.css,pages/**/*.html" }, "instructions": "# 样式约定\n\n## 位置约定\n\n- 注入 GitHub 页面的样式:只写在 `styles/content.css`\n- popup/options 页面样式:写在各自 HTML 的 `<style>` 内,不新建 CSS 文件\n\n## content.css(注入 GitHub)\n\n- 类名统一 `github-notes-` 前缀 + kebab-case(如 `.github-notes-modal`),避免污染 GitHub 页面\n- 贴合 GitHub Primer 设计:复用其结构类(`BorderGrid-row`、`btn-octicon`)与 octicon 图标\n- 颜色必须用 GitHub CSS 变量 + fallback,自动跟随 GitHub 主题:\n\n```css\n.github-notes-container .BorderGrid-row {\n border-top: 1px solid var(--borderColor-default, #d0d7de);\n}\n```\n\n## popup / options 页面\n\n- 类名简短 kebab-case(如 `.note-item`)\n- 声明 `color-scheme: light dark`,并用 `prefers-color-scheme: dark` 适配深色模式\n- 侧边栏与弹窗共", "cost": { "context_tokens": 194 } }

styles

About

样式约定

位置约定

content.css(注入 GitHub)

popup / options 页面

通用

Use it

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

Manifest

Reviews