跳到正文
cccskills
免费在 GitHub 公开

designlang-tokens

Style UI for netflix.com using extracted design tokens, named values for colors, corner radius, and typography. Reuse the supplied settings and identify missing values when the available tokens do not cover a styling decision.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

Use when styling UI for netflix.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract
查看安装方法

适用场景

  • Style UI using the extracted netflix.com values
  • Check colors, corner radius, and font against defined tokens
  • Identify missing values in the token set

包含的文件（1）

  • SKILL.md837 B

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

designlang tokens

Source: https://netflix.com Extracted by designlang v7.0.0 on 2026-06-25T08:24:57.347Z

Semantic tokens (use these)

  • color.action.primary: #e50914
  • color.surface.default: #000000
  • color.text.body: #000000
  • radius.control: 2px
  • typography.body.fontFamily: Netflix Sans

Regions

  • nav
  • footer
  • nav
  • content
  • content
  • content

How to use

  • Prefer semantic.* tokens over primitive.*.
  • Never invent new tokens or hex values; reuse the ones above.
  • When a value is missing, pick the closest existing semantic token and flag the gap.
  • Reference tokens by their dotted path (e.g. semantic.color.action.primary).

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护，适用 Google 的隐私权政策和服务条款。

同一仓库的技能

designlang-tokens

免费

Style UI for supabase.com using extracted design tokens, named values for colors, corner radius, and body font. Reuse the supplied values and identify missing specifications instead of inventing new ones.

中文简介正在准备中。当前显示英语简介。

  • Style UI using supabase.com colors
  • Apply defined corner radius and body font
  • Identify gaps in available design values
Manavarya09/design-extract43272026年10月22日 更新

designlang-tokens

免费

Style UI for mintlify.com using extracted design tokens, named values for colors, corner shapes, and fonts. Apply the supplied palette and inter font, reuse existing values, and identify gaps when a needed setting is missing.

中文简介正在准备中。当前显示英语简介。

  • Style UI using the mintlify.com palette
  • Apply the defined font and corner radius
  • Identify missing design values
Manavarya09/design-extract43272026年10月22日 更新

designlang-tokens

免费

Style UI for cal.com with extracted design tokens, named settings for colors, corner radius, and typography. Apply the supplied values consistently and flag gaps where a required styling value is not included.

中文简介正在准备中。当前显示英语简介。

  • Style UI using the extracted cal.com values
  • Check colors, corner radius, and font against defined tokens
  • Identify missing values in the token set
Manavarya09/design-extract43272026年10月22日 更新

designlang-tokens

免费

Style interfaces using values extracted from loom.com, including colors, corner radius, and the body font. Reuse named design tokens, which are shared visual settings, and flag missing values when choosing an existing substitute.

中文简介正在准备中。当前显示英语简介。

  • Style a UI using visual settings from loom.com
  • Check colors, corner radius, and the body font
  • Identify missing settings and choose existing substitutes
Manavarya09/design-extract43272026年10月22日 更新

designlang-tokens

免费

Style UI for railway.app with extracted design tokens, named values for visual settings. Use the supplied purple action color, dark background, white text, 4px corner radius, and Inter font while identifying gaps in the definitions.

中文简介正在准备中。当前显示英语简介。

  • Style UI using the extracted railway.app values
  • Check colors, corner radius, and font against defined tokens
  • Identify missing values in the token set
Manavarya09/design-extract43272026年10月22日 更新

designlang-tokens

免费

Style UI for discord.com using extracted design tokens, named settings for visual properties. Reference the supplied colors, 12px corner radius, and Ggsans font, and flag missing values when choosing the closest existing token.

中文简介正在准备中。当前显示英语简介。

  • Style UI using the extracted discord.com values
  • Check colors, corner radius, and font against defined tokens
  • Identify missing values in the token set
Manavarya09/design-extract43272026年10月22日 更新

查看 Manavarya09 的全部技能

报告此技能的问题