设计资源DESIGN· INSPIRATION
Shopify/polaris-tokens
Shopify 的设计变量包，让前端统一颜色、间距等样式。Reusable design tokens from Shopify's Polaris system, giving developers consistent colors and spacing across projects.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
取到Shopify官方颜色数值
在Sass里用上官方颜色变量
在CSS里用变量直接取色
在Rails里读取JSON颜色值
用CSS滤镜把图形染成红色
Import tokens as JavaScript objects or named exports.
Use Sass variables and maps for styling.
Access tokens through CSS custom properties.
Load color tokens from a Ruby gem in Rails.
Create CSS filters to tint icons and shapes.
上手GET STARTED
npm install @shopify/polaris-tokens --save选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.0%+0.0%
245 → 245 stars · 16 个快照245 → 245 stars · 16 snapshots
讨论DISCUSSION
1 SOURCES1 SOURCES
3 条外部提及3 external mentions
状态STATUS
已归档Archived
用 `npm install @shopify/polaris-tokens --save` 装好后，可以在 JavaScript、Sass、Rails 里直接取到 `rgb(235, 245, 250)` 这样的 Polaris 颜色值，不用自己从设计稿里抄。Last commit was January 2022, so it's stable but not actively updated.
HN_STORY · 1 points · 0 comments
HN_STORY · 1 points · 0 comments
HN_STORY · 23 points · 1 comments
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险，但不代表安全The static scan found no obvious risk patterns in the docs, but that doesn't prove the project is safe. Treat it as an unknown security level.
依赖：Dependencies:hsluv, tslib
{
"agents": [],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 5,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 3,
"skill-agent": 0,
"productivity": 0
},
"primary": "design",
"secondary": "inspiration"
},
"localRuntime": null,
"skillMdTotal": 0,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 8,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}每周一周刊Monday weekly digest