跳到正文
cccskills

设计技能

UI/UX、标志、幻灯片、图像生成(7385 个)

按价格或排序方式筛选

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-extract43362026年10月22日 更新

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-cowork43012026年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-octopus42892026年10月22日 更新

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-skill42302026年10月20日 更新

designs

免费

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/skills41632026年10月21日 更新

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/skills41632026年10月21日 更新

ui-render

免费

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/codeg40702026年10月22日 更新

Turn written descriptions into scientific diagrams, including neural network architectures, biological pathways, and research flowcharts. Nano Banana 2 generates images, while Gemini 3.1 Pro Preview reviews them and guides regeneration when needed.

中文简介正在准备中。当前显示英语简介。

  • Illustrating neural network architectures
  • Creating participant flowcharts for research
  • Drawing biological signaling pathways
spacering-net/codeg40702026年10月22日 更新

Turn prepared text into a set of vertical knowledge cards for Xiaohongshu. Choose a visual style, organize each card around one main point, and export coordinated cover, content, and closing images.

中文简介正在准备中。当前显示英语简介。

  • Turn educational text into swipeable cards
  • Create a cover for a Xiaohongshu post
  • Keep colors and layouts consistent across a card set
ZJU-REAL/Easel40272026年10月21日 更新