본문으로 건너뛰기
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.

Manavarya09/design-extract
설치 방법 보기

이럴 때 유용합니다

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

포함된 파일(1)

  • SKILL.md974 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

designlang-tokens

무료

Style UI using colors, fonts, and corner settings extracted from duolingo.com. The skill guides agents to reuse named design values, keep styling consistent with those definitions, and flag missing values.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Style UI using duolingo.com design values
  • Check defined colors, fonts, and corner settings
  • Identify missing design values
Manavarya09/design-extract4.3천2026년 10월 22일 업데이트

designlang-tokens

무료

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-extract4.3천2026년 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-extract4.3천2026년 10월 22일 업데이트

designlang-tokens

무료

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-extract4.3천2026년 10월 22일 업데이트

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Style UI using the extracted netflix.com values
  • Check colors, corner radius, and font against defined tokens
  • Identify missing values in the token set
Manavarya09/design-extract4.3천2026년 10월 22일 업데이트

designlang-tokens

무료

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-extract4.3천2026년 10월 22일 업데이트

Manavarya09의 스킬 모두 보기

이 스킬의 문제 신고