본문으로 건너뛰기
cccskills

디자인 스킬

UI/UX, 로고, 슬라이드, 이미지 생성 (7.4천건)

가격이나 정렬 순서로 필터

minimal

무료

Develop practical UI guidelines centered on whitespace, clear typography, and restrained color. Specify shared design settings, component behavior, accessibility requirements, and review checks to keep minimal interfaces consistent and easy to follow.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a minimal UI with generous whitespace
  • Standardizing typography, colors, and spacing
  • Resolving inconsistencies in an existing UI
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

Create guidelines for minimal interfaces using bento grids, layouts made of differently sized blocks, and dark mode. Define visual rules, component behavior, and testable accessibility criteria to guide implementation and review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a minimal interface with a bento grid
  • Defining visual guidelines for dark mode
  • Documenting keyboard, screen reader, and touch requirements
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

dithered

무료

Create practical interface design guidelines for a retro dot-pattern style that simulates shades with a limited palette. Define colors, typography, spacing, component behavior, accessibility requirements, and review checklists for consistent implementation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a retro interface with dot patterns
  • Standardizing colors, typography, and spacing
  • Defining component states and keyboard behavior
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

bold

무료

Develop UI guidelines built around heavy typography, strong color contrast, and prominent layouts. Specify fonts, spacing, interaction states, and accessibility criteria, giving designers and engineers concrete rules and a checklist for implementation reviews.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Plan a UI with heavy typography
  • Document component interactions
  • Define accessibility review criteria
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

mono

무료

Create practical UI guidelines using monospace fonts, vivid green accents, strong contrast, and compact layouts. Define shared colors and spacing, component states, responsive behavior, and accessibility checks for designers and developers.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a compact UI with monospace fonts
  • Standardizing component colors and spacing
  • Defining keyboard interactions and focus states
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

fiction

무료

Create UI guidelines inspired by friendly children's-book illustrations, using cream tones, bold lettering, thick outlines, and rounded shapes. Define typography, colors, spacing, component states, and accessibility checks for a consistent, playful interface.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define a friendly, picture-book-inspired interface
  • Standardize bold outlines and rounded components
  • Document interaction and accessibility checks for playful UI
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

editorial

무료

Develop UI guidelines for magazine-inspired layouts with serif typography and structured grids. Specify text sizes, spacing, component states, responsive behavior, and accessibility criteria to give designers and developers a consistent foundation for reading-focused interfaces.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define a magazine-inspired reading layout
  • Standardize typography and spacing across reading pages
  • Document accessible behavior across screen sizes
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

immersive

무료

Define guidelines for an interactive, exhibit-style interface combining storytelling, animation, and game-like elements. Specify a continuous deep green background, bold white cards, typography, interaction states, and accessibility criteria to guide a consistent implementation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Design a storytelling-led digital exhibit
  • Unify screens on a continuous deep green background
  • Specify bold cards and reactive buttons
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

levels

무료

Develop interface guidelines that help users move toward a specific action with less friction. Specify visual hierarchy, clear labels, colors, spacing, and component states, with practical accessibility criteria and review checklists.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Clarify the path toward a signup or other action
  • Standardize buttons, labels, and interaction states
  • Create review criteria for an existing interface
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

pulse

무료

Create interface guidelines built around thick borders, geometric shapes, vivid colors, and expressive typography. Define spacing, component states, and quick, spring-like animations, with accessibility criteria and review checklists to guide consistent implementation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Defining a bold, geometric interface style
  • Standardizing thick borders and orange-based colors
  • Specifying component states and responsive motion
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

claude

무료

Create UI guidelines with a research-journal feel, using warm ivory, near-black surfaces, restrained accents, and typographic emphasis. Document component shapes, interaction states, and accessibility criteria to guide consistent implementation and design reviews.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define a research-journal-style interface
  • Standardize cards and buttons
  • Document rules for restrained visual emphasis
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

Create practical UI design guidelines for an electronics shop using yellow and black, modern typography, and structured layouts. Define consistent component behavior, accessibility requirements, and review checklists that designers and engineers can use during implementation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define UI guidelines for an electronics shop
  • Standardize typography, colors, and spacing
  • Document component states and keyboard behavior
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

ant

무료

Create practical design guidelines for data-heavy business web applications. Define colors, typography, spacing, component behavior, and accessibility checks so designers and engineers can apply consistent rules across screens, including loading, empty, and error states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define design rules for data-heavy business applications
  • Standardize component appearance and interaction states
  • Create an accessibility checklist for design reviews
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

Develop UI guidelines for a frosted-glass appearance using translucent layers, subtle blur, and luminous borders. Specify shared colors, component states, responsive behavior, and accessibility criteria to guide consistent implementation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define guidelines for frosted-glass interfaces
  • Standardize card layouts and shared colors
  • Specify component behavior across screen sizes
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

matrix

무료

Develop design guidelines for a Matrix-inspired dark interface with green accents, monospaced text, and dense layouts. Specify component states, interaction rules, and accessibility checks to guide consistent implementation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a terminal-inspired dark interface
  • Organizing dense displays of numbers and information
  • Standardizing component states and keyboard interactions
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

geometric

무료

Create practical UI design guidelines using geometric shapes, clean typography, and restrained colors. Define shared values for spacing and color, component behavior, and accessibility checks so designers and engineers can build consistent interfaces.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define rules for a clean, geometric UI
  • Standardize colors, typography, and spacing
  • Prepare an accessibility review checklist
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

Develop design guidelines for playful interfaces with soft, rounded shapes that resemble colorful clay. Define colors, typography, spacing, and component states, with accessibility criteria and a checklist for reviewing implementation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a soft, clay-like interface
  • Standardizing colors, spacing, and component states
  • Reviewing accessibility in playful UI designs
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

premium

무료

Create UI guidelines inspired by Apple's visual style, with precise spacing and modern typography. Define shared colors, component states, responsive behavior, and accessibility criteria to give designers and developers a consistent implementation reference.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning an interface inspired by Apple's visual style
  • Standardizing typography, spacing, and colors
  • Reviewing component consistency and accessibility
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

basic

무료

Develop interface design guidelines inspired by books, magazines, and reports. Organize editorial grids, typography, colors, and spacing into consistent rules, including component states and accessibility checks that designers and developers can use.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning an interface inspired by magazine layouts
  • Standardizing headings, body text, colors, and spacing
  • Documenting empty, loading, and error states
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

codex

무료

Develop guidelines for a minimal black-and-white interface led by typography. Specify pill-shaped controls, shared spacing, component states, and accessibility criteria, with photography providing color and no decorative shadows or gradients.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a minimal black-and-white interface
  • Defining pill-shaped controls and image cards
  • Standardizing typography and spacing
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

cafe

무료

Create practical interface design guidelines with warm café colors, soft typography, and clean layouts. Define shared colors and spacing, component behavior, and accessibility checks to guide implementation of a relaxed browsing experience.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a warm, café-inspired interface
  • Standardizing colors, typography, and spacing
  • Defining component states and keyboard behavior
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

doodle

무료

Create practical UI design guidelines with doodles, handwritten fonts, and imperfect lines. Define shared colors, spacing, component behavior, and accessibility checks so designers and developers can apply a consistent, playful style.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Defining guidelines for a hand-drawn interface
  • Standardizing colors, fonts, and spacing
  • Reviewing component behavior and accessibility
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

Create practical UI guidelines for a warm, poster-inspired style with alternating cream and burnt orange sections. Define colors, typography, spacing, component behavior, and accessibility criteria so designers and developers can apply the same rules consistently.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define a warm, poster-inspired UI style
  • Standardize colors, typography, and spacing
  • Document component states and interactions
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

Create UI guidelines with bold borders, vivid accent colors, and warm backgrounds. Turn the visual direction into concrete typography, spacing, component behavior, and accessibility rules for implementation and review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define a bold interface with vivid accent colors
  • Standardize typography and spacing
  • Specify button states and interaction behavior
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트