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월 23일 업데이트
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.3천2026년 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-extract☆ 4.3천2026년 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-extract☆ 4.3천2026년 10월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 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-extract☆ 4.3천2026년 10월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
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월 23일 업데이트
Style documents and other visual artifacts using Anthropic's brand colors and typography. Applies distinct heading and body fonts, selects text colors for the background, and assigns accent colors to shapes, with fallback fonts when needed.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Style presentation slides with Anthropic's brand
- Standardize heading and body fonts across materials
- Apply brand accent colors to shapes
composio-community/open-claude-cowork☆ 4.3천2026년 5월 23일 업데이트
Plan a new interface using design reference searches, critique, and contrast checks. Produce colors, typography, reusable styling values, component specifications, layouts, and a style guide tailored to the product, audience, and selected technology.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Planning a dashboard’s colors, typography, and spacing
- Preparing component states and keyboard interaction specs
- Defining responsive layouts and a style guide
nyldn/claude-octopus☆ 4.3천2026년 10월 23일 업데이트
Guides logo design from a brand brief through concept comparison, SVG artwork, and checks at small sizes and in one color. After a direction is approved, it prepares variants, icons, presentation materials, and usage guidelines.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Developing logo concepts for a new brand
- Reviewing or refreshing an existing logo
- Creating favicons and app icons from a logo
kaankiziltug/logo-design-skill☆ 4.3천2026년 10월 20일 업데이트
Explore four new design options for a subject, with each option presented as a separate rendered image. Use the images to compare possible appearances and consider improvements to an existing design.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Explore new ideas for an existing design
- Compare four possible appearances
- Review design options as separate images
davidondrej/skills☆ 4.2천2026년 10월 23일 업데이트
Write four distinct prompts for images, thumbnails, banners, logos, or illustrations. Each describes the subject, setting, colors, mood, and visual style, giving users copyable text to try different creative directions in an image model.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Comparing different visual directions for a thumbnail
- Preparing image prompts for a banner
- Exploring four logo concepts
davidondrej/skills☆ 4.2천2026년 10월 23일 업데이트
Present comparisons, trends, and progress as interactive cards, tables, and charts inside Codeg chat. Create layouts with tabs, checklists, and simple forms that update displayed state and validate user input.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Displaying comparison results as cards or tables
- Showing trends and breakdowns with charts
- Summarizing progress in a dashboard
spacering-net/codeg☆ 4.1천2026년 10월 23일 업데이트