Style UI using colors, fonts, and corner settings extracted from retool.com. The skill guides agents to reuse named design values, keep styling consistent with those definitions, and flag missing values.
- Style UI using retool.com design values
- Check defined colors, fonts, and corner settings
- Identify missing design values
Manavarya09/design-extract☆ 4.3KUpdated Oct 23, 2026
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.3KUpdated Oct 23, 2026
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.3KUpdated Oct 23, 2026
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.3KUpdated Oct 23, 2026
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.3KUpdated Oct 23, 2026
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.3KUpdated Oct 23, 2026