UI/UX, logos, slides, and image generation (7.4K skills)
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.
Create implementation guidelines for colorful interfaces with vivid palettes and gradients. Specify typography, spacing, component states, and accessibility checks, including readable contrast, keyboard navigation, reduced motion, and touch target sizes, to keep visual choices consistent.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Organize forms, menus, and workflows into meaningful groups that are easier to scan, understand, and remember. Apply chunking, which combines related information into manageable units, using headings, spacing, and clear divisions.
Design layouts and interactions that adapt to different screen sizes and input methods. Plan how columns, navigation, text, and images change across screens, with attention to touch targets, keyboard focus, device orientation, and accessibility.
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.
Compose interfaces so people notice key content and actions first. Use text size, weight, color, spacing, position, and grouping to establish clear levels of importance and make pages easier to scan.
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.
Choose measures that connect design decisions to user experience and business outcomes. Define what each measure means, how and where to collect it, its target, review frequency, and owner so teams can assess changes consistently.