UI/UX, logos, slides, and image generation (7.4K skills)
Create or redesign SaaS and AI landing pages around real interfaces and clearly labeled demos. Explains workflows, user control, pricing limits, and FAQ answers so visitors can understand the product and compare plans.
Add subtle two-digit number markers to process steps, feature groups, cards, or editorial sections. Use consistent placement, spacing, and understated typography to provide visual structure while keeping headings and calls to action prominent.
Design interfaces that combine magazine-style composition with precise technology product details. Use asymmetrical columns, expressive headlines, wide image bands, fine dividers, and restrained accent colors to shape a consistent layout, navigation, and motion style.
Design a clean agency-style page using nested containers: a light outer frame, dark inset sections, and rounded inner cards. Coordinate pricing, service groups, and action areas through clear hierarchy, generous spacing, and restrained accent colors.
Create dark interfaces with frosted glass panels, gradient borders, and subtle glow. The skill provides CSS and Tailwind patterns for cards, hero sections, and dashboards, with checks for readable contrast, visible focus, and mobile behavior.
Build consistent rows and grids of brand logos using Iconify Simple Icons. Place marks in 64×64 visual boxes, adjust their size and alignment, and add accessible labels where needed for integration lists, partners, or tool badges.
Create a near-black animated canvas background with large square pixels and ordered dithering, a repeating pattern that represents shades. Broad waves and cloud-like forms provide atmosphere behind framed interfaces, hero text, or data displays.
Create agency, studio, architecture, or portfolio websites using oversized typography, black-and-white sections, and documentary photography. Arrange project stories and irregular image collages alongside menus and FAQs designed for keyboard, touch, and reduced-motion use.
Structure a page with a centered outer frame and inset inner sections. Use visible boundaries, corner markers, backgrounds, borders, and rounded corners to distinguish content levels while keeping spacing consistent and text readable.
Create thin laser beams that meet at a bright corner or edge junction, surrounded by soft haze. Adjust beam angles, accent colors, glow, and subtle motion to build a spatial composition for an interface.
Create a dark interface built around fine gradient borders, asymmetrical panels, and precise labels. Apply a consistent visual system to page frames, typography, controls, and backgrounds, using restrained monochrome colors and subtle motion.
Design a light interface using warm paper tones within dark outer framing. Coordinate typography, panels, navigation, and motion with fine borders, corner brackets, subtle diagonal textures, and a restrained accent color for active states.
Design portfolio websites that lead with project work, then introduce the studio and its services. Use distinct editorial chapters, project-specific colors, restrained animation, and a clear contact section to organize the visitor’s journey.
Design a calm, dark workspace with frosted glass panels, multiple columns, and floating information cards. Coordinate navigation, framing, spacing, background depth, and subtle motion into a consistent interface that stacks cleanly on smaller screens.
Design a dark navy interface with bold cobalt feature blocks, readable white text, thin framing lines, and localized blue glow. Apply a consistent visual direction to hero banners, action cards, navigation, link groups, and footer areas.
Design enterprise AI and automation product pages that explain permissions, approvals, audit records, and recovery from failures. Organize verified metrics and case studies, accessible workflow details, and demo or waitlist forms that clarify what happens next.
Create structured web layouts with thin borders, L-shaped corner marks, and subtle diagonal backgrounds. Align sections, headings, controls, and media to a shared grid, with consistent spacing and a single-column layout on narrow screens.
Design appointment-based service websites with calm photography, spacious layouts, and clear treatment comparisons. Carry the same visual style through location, practitioner, and time selection, including booking confirmation, validation errors, retries, and preserved choices.
Design airy pages with a luminous blue sky background, drifting cloud light, and white typography. It guides minimal navigation, subtle framing, buttons, logo rows, and gentle motion to create a calm, spacious composition.
Create green isometric illustrations, using angled views without perspective, of developer and design workspaces as SVG files. A bundled drawing kit helps arrange equipment on one platform, with consistent shading, fine details, shadows, and validation checks.
Create original SVG illustration cards of people coding, thinking, or resting. The style combines thick, uneven black marker lines, offset mint shapes, and cream paper for onboarding screens, error pages, editorial headers, and marketing cards.
Create original SVG illustrations with expressive cartoon characters, bold ink outlines, and a prominent prop. Use the transparent artwork for onboarding, empty states, success screens, blog headers, or marketing cards, with checks for consistent styling and believable hands.
Create hand-drawn SVG illustration cards featuring expressive creatures or living objects that represent coding and design ideas. A supplied brush library supports uneven ink outlines, loose watercolor fills, large eyes, and consistent details across a set.
Create SVG illustrations, a scalable vector image format, with thick navy outlines, vivid colors, and chunky depth. Combine a cartoon character with overlapping props for product screens and marketing cards, then render, review, and refine the artwork.