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-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
Style UI for postman.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 postman.com colors
- Apply the supplied corner radius and body font
- Identify missing settings while reusing existing tokens
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
Style UI for render.com with extracted design tokens, named values for visual settings. Use the supplied purple action color, white background, black text, PPNeueMontreal font, and corner radius, while flagging settings missing from the definitions.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Style UI using the render.com palette
- Apply the defined font and corner radius
- Identify missing design values
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
Style interfaces using values extracted from raycast.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 raycast.com
- Check colors, corner radius, and the body font
- Identify missing settings and choose existing substitutes
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
Style UI for framer.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 framer.com colors
- Apply the supplied corner radius and body font
- Identify missing settings while reusing existing tokens
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
Extract colors, fonts, spacing, and other design choices from a website URL. Generate eight files for review and reuse, including framework themes, CSS variables, Figma variables, and an accessibility score against WCAG guidelines.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Inspect a website's colors, fonts, and spacing
- Create themes for Tailwind CSS, React, or shadcn/ui
- Prepare Figma variables for design handoff
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
Style interfaces using values extracted from webflow.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 webflow.com
- Check colors, corner radius, and the body font
- Identify missing settings and choose existing substitutes
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
Style UI for ramp.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 ramp.com colors
- Apply the supplied corner radius and body font
- Identify missing settings while reusing existing tokens
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트
Style UI using colors, fonts, and corner settings extracted from resend.com. The skill guides agents to reuse named design values, keep styling consistent with those definitions, and flag missing values.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Style UI using resend.com design values
- Check defined colors, fonts, and corner settings
- Identify missing design values
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
Style UI for replit.com using extracted design tokens, named values for colors, corner rounding, and fonts. Follow the supplied settings and flag any gaps when choosing the closest existing value.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Style UI using values extracted from replit.com
- Align colors, corner rounding, and body fonts
- Identify gaps in the available style settings
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Style UI using the sentry.io palette
- Apply the defined font and corner radius
- Identify missing design values
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
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-extract☆ 4.3천2026년 10월 20일 업데이트