Skip to content
cccskills

Design skills

UI/UX, logos, slides, and image generation (7.4K skills)

Filter by price or sort order

Review menus, lists, and guided steps using the tendency to remember the first and last items best. Place important information where it is more likely to be recalled, and distinguish essential items that must remain in the middle.

  • Reordering navigation to surface important destinations
  • Arranging curated lists around priority choices
  • Planning memorable openings and endings for onboarding
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

loading-states

FreeSummary

Design loading experiences that show users what is happening while content arrives. Choose placeholders, progress indicators, gradual content display, or immediate previews of expected results, with transitions and failure handling suited to the wait.

  • Designing placeholders for content-heavy screens
  • Choosing indicators for different waiting times
  • Showing an action's expected result before server confirmation
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Review interfaces that work correctly but feel impersonal. Starting with the user's emotional state, it suggests changes to wording, motion, and response timing so loading, errors, onboarding, and success feel more considerate and appropriate.

  • Rewriting error messages with a clear next step
  • Adjusting loading messages and motion
  • Acknowledging small successes in an interface
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Choose a design direction using criteria agreed before comparing options. Produce a decision record explaining the winner’s trade-offs, what rejected concepts tested, why they lost, and what evidence or conditions would justify reconsidering them.

  • Choosing one direction from several design concepts
  • Separating hard constraints from trade-offs
  • Recording rejected ideas and conditions for reconsideration
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

typography-scale

FreeSummary

Create a consistent text system for digital interfaces, with related font sizes, weights, line heights, and letter spacing. Set rules for headings, body text, and captions, including font choices and adjustments for mobile screens.

  • Defining text styles for a new product
  • Standardizing heading, body, and caption styles
  • Adjusting typography for mobile screens
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Design a first-use experience that guides new users from signup to a meaningful action. Plan setup steps, contextual guidance, empty screens, and sample data, with measures for understanding where users get stuck or leave.

  • Planning the journey from signup to a first useful action
  • Reducing unnecessary initial setup steps
  • Designing guidance for empty screens
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Define an illustration style guide for a product, covering shapes, linework, colors, detail, and placement. Set consistent rules for different uses, with character guidance where relevant, to support commissioning and shared production.

  • Preparing illustration guidelines for a commission
  • Aligning illustration styles across contributors
  • Defining illustrations for empty screens and onboarding
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

search-ux

FreeSummary

Design a search experience covering query input, suggestions, result layouts, filters, and helpful responses when nothing matches. It also identifies search metrics that reveal missing content, weak rankings, and places where users struggle to find information.

  • Designing search for a product catalog
  • Improving searches that return no results
  • Organizing filters and result layouts
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

content-strategy

FreeSummary

Plan the content a product needs, how it is organized, and who maintains it. Review existing material, define reusable content types, establish writing guidelines, and document ownership, approval steps, and review schedules.

  • Reviewing existing content for gaps and duplication
  • Defining reusable content types and fields
  • Aligning writing style across a product
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Compare competing products by features and user experience, including the steps people take to complete tasks. Produce comparison tables, competitor profiles, and improvement opportunities based on strengths, friction points, and unmet needs.

  • Comparing competitors' features and usability
  • Reviewing complete user journeys
  • Finding unmet needs and improvement opportunities
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Plan app interfaces around iOS and Android conventions for navigation, controls, gestures, and text sizing. Compare platform differences and decide which behaviors should follow each operating system and which visual elements can stay consistent across platforms.

  • Comparing iOS and Android navigation patterns
  • Choosing platform-specific controls and gestures
  • Deciding what to share across app designs
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

color-system

FreeSummary

Build a product color system with light-to-dark scales, neutral colors, and roles for messages such as warnings or errors. Define usage rules and check foreground and background contrast to support accessible, consistent interfaces.

  • Building a color palette for a new product
  • Standardizing success, warning, and error colors
  • Checking contrast between text and backgrounds
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Design layouts that guide the eye through aligned elements and continuous paths. Apply this visual principle to forms, timelines, carousels, and step indicators, using deliberate breaks to show boundaries and changes in hierarchy.

  • Aligning form fields for a consistent reading path
  • Showing order in timelines and step indicators
  • Clarifying carousel and scroll directions
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

teslers-law

FreeSummary

Review forms, settings, and workflows to decide which complexity users should handle and which the product should absorb. Identify unnecessary effort, improve defaults, and check whether simpler screens create extra work elsewhere.

  • Reviewing unnecessary effort in forms
  • Balancing defaults with user control
  • Checking hidden costs of simpler screens
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Choose charts for comparisons, trends, distributions, and relationships, then design axes, labels, and visual cues. Make the data easier to read with annotations, accessible styling, and layouts that remain useful on smaller screens.

  • Choosing charts for comparisons and trends
  • Clarifying chart axes, labels, and annotations
  • Making charts understandable without color alone
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

law-of-proximity

FreeSummary

Organize forms, cards, headings, and actions through spacing. This skill applies proximity, the principle that nearby elements appear related, to make groups and relationships clear without relying on borders or labels.

  • Clarifying which label belongs to each form field
  • Adjusting spacing between headings and content
  • Grouping card titles, text, and metadata
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

component-spec

FreeSummary

Write specifications for a reusable interface component, covering its parts, settings, variants, states, and behavior. Give designers and developers shared guidance on accessibility, keyboard interaction, edge cases, and appropriate use.

  • Specifying a new shared interface component
  • Documenting component variants and states
  • Defining keyboard and screen reader behavior
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Build a consistent process for reviewing design work from concept through implementation. Define checkpoints, review criteria, checklists, and approval steps, adapting the process to each project's size and risk.

  • Standardizing design reviews across a team
  • Preparing checklists before developer handoff
  • Defining review responsibilities and approval steps
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Structure a design presentation around its audience and the decision you need. Organize the problem, design journey, proposed solution, supporting evidence, and final request, with guidance on slide content and speaker notes.

  • Sharing design progress with stakeholders
  • Requesting focused feedback in a design review
  • Presenting a final design for approval
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Audit accumulated design inconsistencies across a product, including visual differences, navigation problems, accessibility gaps, and outdated documentation. Classify issues by severity, frequency, and repair effort, then create a prioritized improvement plan and an ongoing issue register.

  • Inventory inconsistencies before a major redesign
  • Prioritize design fixes within limited capacity
  • Review navigation after repeated feature additions
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

form-design

FreeSummary

Design forms from field order and grouping through validation and completion. Define suitable input controls, helpful error messages, progress saving, and accessibility details so people can understand what to enter and how to correct mistakes.

  • Designing field order and grouping for a new form
  • Improving error messages and when they appear
  • Planning progress saving for a multistep form
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

hicks-law

FreeSummary

Review screens with too many choices and suggest clearer grouping, defaults, and options revealed only when needed. Apply Hick's Law, which relates choice count to decision time, to help users navigate menus, forms, and other interfaces.

  • Reorganizing a crowded navigation menu
  • Splitting onboarding decisions into steps
  • Reviewing required and optional form fields
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Design confirmations, status messages, and notifications that help users understand whether an action registered and what happens next. Choose suitable placement, timing, and feedback channels, with undo options and accessible cues where appropriate.

  • Design confirmation messages after saving
  • Make button and toggle responses clear
  • Organize upload and sync status indicators
Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Plan how teams will adopt an existing design system, a shared set of design components and guidelines. Develop onboarding materials, migration support, and measures of usage while addressing barriers faced by designers and developers.

  • Planning adoption of an underused design system
  • Preparing getting started guides and workshops
  • Supporting migration from older design patterns
Owl-Listener/designer-skills3KUpdated Sep 6, 2026