跳到正文
cccskills
免费在 GitHub 公开

designlang-tokens

Style UI for sentry.io using extracted design tokens, named values for visual settings. Apply the supplied dark purple action and background colors, black body text, Rubik font, and corner radius, and report gaps in the available definitions.

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

原文查看原文说明

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

实测评分 未实测

查看安装方法

适用场景

  • Style UI using the sentry.io palette
  • Apply the defined font and corner radius
  • Identify missing design values

包含的文件(1)

  • SKILL.md974 B

SKILL.md(原文)

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

designlang tokens

Source: https://sentry.io Extracted by designlang v7.0.0 on 2026-06-25T08:30:25.790Z

Semantic tokens (use these)

  • color.action.primary: #150f23
  • color.surface.default: #1f1633
  • color.text.body: #000000
  • radius.control: 2px
  • typography.body.fontFamily: Rubik

Regions

  • nav
  • nav
  • testimonials
  • testimonials
  • content
  • testimonials
  • features
  • features
  • features
  • features
  • content
  • testimonials
  • content
  • cta
  • pricing
  • footer
  • content
  • nav
  • nav
  • nav

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 的隐私权政策和服务条款。

同一仓库的技能

Style UI for coinbase.com with extracted design tokens, named values for visual settings. Apply the supplied blue action color, white background, gray body text, Arial font, and 50px corner radius, and flag any missing settings.

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

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

Style UI for planetscale.com with extracted design tokens, named settings for colors, corner rounding, and fonts. Reuse the defined values and report missing settings when selecting the closest available alternative.

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

  • Style UI using values extracted from planetscale.com
  • Align colors, corner rounding, and body fonts
  • Identify gaps in the available style settings
Manavarya09/design-extract43452026年10月23日 更新

Style UI for clerk.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 clerk.com colors
  • Apply defined corner radius and body font
  • Identify gaps in available design values
Manavarya09/design-extract43452026年10月23日 更新

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

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

  • Style UI with the extracted posthog.com colors
  • Apply the supplied corner radius and body font
  • Identify missing settings while reusing existing tokens
Manavarya09/design-extract43452026年10月23日 更新

Style UI for v0.dev using extracted design tokens, named values for colors, corner rounding, and fonts. Reuse the supplied settings and flag missing values while choosing the closest available token.

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

  • Style UI using values extracted from v0.dev
  • Align colors, corner rounding, and body fonts
  • Identify gaps in the available style settings
Manavarya09/design-extract43452026年10月23日 更新

Style UI for perplexity.ai with extracted design tokens, named settings for colors, corner rounding, and fonts. Apply the provided values consistently and identify missing settings when substituting the closest available token.

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

  • Style UI using values extracted from perplexity.ai
  • Align colors, corner rounding, and body fonts
  • Identify gaps in the available style settings
Manavarya09/design-extract43452026年10月23日 更新

查看 Manavarya09 的全部技能

报告此技能的问题