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 22, 2026
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.3KUpdated Oct 22, 2026
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 22, 2026
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.3KUpdated Oct 22, 2026
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.3KUpdated Oct 22, 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 22, 2026