본문으로 건너뛰기
cccskills

디자인 스킬

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

가격이나 정렬 순서로 필터

Create UI design guidelines that combine bold colors, playful graphics, and dynamic layouts with clear structure. Use IBM Plex Mono typography and shared design values to specify component behavior, accessibility criteria, and review checklists.

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

  • Plan a distinctive UI with bold colors and graphics
  • Standardize typography and component states
  • Prepare migration guidance for inconsistent UI
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일 업데이트

gradient

무료

Develop UI guidelines for playful interfaces with smooth gradients and visual depth. Specify shared colors, fonts, spacing, and component states, with concrete accessibility requirements and review checklists to guide implementation.

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

  • Planning an interface with gradient-rich surfaces
  • Standardizing typography and spacing across components
  • Defining keyboard and touch accessibility checks
bergside/awesome-design-skills3.3천2026년 6월 28일 업데이트

artistic

무료

Create practical interface design guidelines with strong contrast, expressive typography, and bold colors. Define reusable visual settings, component behavior, accessibility requirements, and review checklists so designers and engineers can apply the style consistently.

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

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

Create prompts and images for movie posters, book covers, album art, and events using limited colors and symbolic compositions. Compare three artistic styles, adjust aspect ratios, or transform an existing image into a Mondo-inspired design.

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

  • Create a symbolic movie poster
  • Design a book cover or album artwork
  • Compare three artistic styles side by side
nexu-io/nexu3.3천2026년 4월 26일 업데이트

Create copyable image prompts for short drama characters, outfits, locations, props, and changing states. Organize them in Markdown with clear reference limits and visual constraints, so creators can reuse and revise consistent production instructions.

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

  • Prepare prompts for character sheets and three-view drawings
  • Write prompts for location and prop reference images
  • Describe outfit changes and character state variants
zenstory-ai/drama-skills3.3천2026년 10월 21일 업데이트

Refine a working product interface while preserving its existing style. Improve layout, controls, wording, and mobile behavior, then compare real screens and check affected interactions to document concrete improvements and remaining issues.

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

  • Polishing a working interface before a demo
  • Making controls and labels consistent
  • Improving mobile readability and operation
MaxMiksa/Autonomous-Company3.2천2026년 10월 21일 업데이트

Review an app or service across usefulness, usability, accessibility, and interaction design using the IxDF framework. Receive scored findings, prioritized issues, and redesign proposals that connect user difficulties with business goals and implementation effort.

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

  • Assessing the overall user experience of a product
  • Preparing redesign proposals before a product overhaul
  • Prioritizing navigation, onboarding, and mobile usability issues
MaxMiksa/Autonomous-Company3.2천2026년 10월 21일 업데이트

Turn interviews, surveys, and product usage data into detailed user profiles. Use their goals, frustrations, behaviors, and buying preferences to guide feature priorities, marketing messages, and a shared understanding of customers.

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

  • Build user profiles from customer research
  • Prioritize features for different user groups
  • Tailor marketing messages to customer needs
MaxMiksa/Autonomous-Company3.2천2026년 10월 21일 업데이트

frontend-design-review

Microsoft 공식무료

Review frontend screens and components for clear actions, visual quality, accessibility, and consistency with shared design rules. It also guides new interface creation, helping define an aesthetic direction and prioritize issues in existing implementations.

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

  • Reviewing UI changes in a pull request
  • Checking consistency with a design system
  • Auditing accessibility and responsive layouts
microsoft/skills3.1천2026년 10월 23일 업데이트

Review the colors on a rendered screen for readability, consistency, and clear meaning. Assess contrast, palette choices, status indicators, and accessibility, then provide observations, severity ratings, and specific corrections for each area.

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

  • Check text and button contrast
  • Review error and success indicators
  • Find inconsistent palette choices
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Review an existing screen to check whether controls look interactive, states are visible, and key actions are easy to find. Receive observations, explanations of problems, specific fixes, and a severity rating for each review dimension.

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

  • Checking whether buttons and links look interactive
  • Reviewing focus, disabled, and loading states
  • Clarifying the screen's primary action
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Review typography on a rendered screen for readable text, clear size hierarchy, and consistent styling. Identify problems and specific fixes, including whether text settings use design tokens, the shared named values defined by a design system.

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

  • Reviewing text readability on a screen
  • Checking heading and body text hierarchy
  • Finding inconsistent labels and card titles
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Review a rendered screen against existing brand guidelines for visual mood, wording, and design tokens, the named values for colors, spacing, and typography. Report mismatches, suggest specific corrections, and rate each area by issue severity.

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

  • Checking a screen against brand guidelines
  • Reviewing button labels and error message wording
  • Finding deviations from defined design tokens
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Review a screen for information overload, unclear priorities, and scanning difficulties. Get observations, severity ratings, and specific fixes across four areas, including cognitive load and when secondary details should appear.

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

  • Reviewing an overloaded dashboard
  • Reducing clutter in wide tables
  • Simplifying forms with many fields
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Review a rendered screen to check what attracts attention first, how the eye moves, and which elements stand out. Get specific fixes and severity ratings for problems that hide important information or actions.

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

  • Finding why a primary action gets overlooked
  • Reviewing the reading order of a screen
  • Resolving competing areas of emphasis
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Compare design improvement ideas by expected impact and effort when capacity is limited. Use several scoring methods to produce a ranked list with decision rationale, related themes, dependencies, and confidence levels.

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

  • Prioritizing more improvement ideas than the team can handle
  • Comparing ideas by impact and effort
  • Organizing research findings into a prioritized roadmap
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Review a rendered screen for balance, whitespace, repetition, and perceptual grouping—how people see elements as related. Get factual observations, severity ratings, and specific layout fixes when a screen's composition feels uneven or disconnected.

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

  • Finding why a screen's layout feels unbalanced
  • Reviewing inconsistent spacing and padding
  • Checking consistency across cards and lists
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Use the Von Restorff Effect, where an item stands out because it differs from its surroundings, to emphasize one important action or detail. It guides button, pricing, and notification design while checking that emphasis remains accessible.

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

  • Emphasizing the primary action on a screen
  • Highlighting a recommended pricing plan
  • Making a key table record stand out
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Create clear design principles that help a team resolve recurring disagreements. Each principle includes a rationale, examples, a counterexample, and trade-offs, with priorities that guide decisions when principles conflict.

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

  • Resolving recurring disagreements about design
  • Turning product values into decision criteria
  • Setting priorities when principles conflict
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Evaluate interface decisions against patterns users already know from other products. Identify strong expectations, assess the learning cost of changing familiar interactions, and determine when a different approach is justified by the task or user testing.

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

  • Review whether a new interaction needs a familiar pattern
  • Compare conventions across similar products
  • Assess the learning cost of an unfamiliar interface
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Write a design brief for a specific project, defining the problem, audience, constraints, and success criteria. Bring together scope, research inputs, deliverables, and milestones so stakeholders can agree on the direction before work begins.

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

  • Preparing a design brief at project kickoff
  • Aligning stakeholders on the problem and audience
  • Defining measurable success criteria
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Organize a site's or app's content into clear categories, labels, and relationships. Create sitemaps and content models, descriptions of content types and their connections, to help teams plan navigation and check whether users can find information.

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

  • Inventory content before a site redesign
  • Review categories as content grows
  • Align navigation labels with users' vocabulary
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Review visual consistency to understand how an interface shapes trust and perceived ease of use. Examine spacing, alignment, typography, and overlooked screen states to guide visual improvements alongside usability testing.

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

  • Investigating poor feedback on a functional interface
  • Checking visual consistency before launch
  • Reviewing error, empty, and loading states
Owl-Listener/designer-skills3천2026년 9월 6일 업데이트