UI/UX, logos, slides, and image generation (7.3K skills)
Create a landing page from an interview about the product, audience, and brand preferences. Use Stitch to generate and refine designs, then package approved HTML with design documentation and a deployment checklist.
Guide slide edits with concrete rules for text size, spacing, alignment, and color contrast. Use it when replacing content or adjusting individual elements to keep pages readable and consistent with their existing design.
Create a new course page by copying an existing page and replacing its content while preserving the layout and styling. Check for leftover source text, then generate narration and verify that its audio matches the new subject.
Build a new course using the visual design of an existing slide deck. Copy suitable layouts, replace their text and other content, check for leftover material and overflow, and generate narration while preserving the deck's colors, typography, and composition.
Design and implement interfaces around the intended audience and constraints. Plan visual hierarchy, spacing, and interface states, support different screen sizes and accessibility needs, then check the appearance against agreed acceptance criteria.
Create and improve web, mobile, and desktop interfaces in Penpot through connected tools. Reuse existing design patterns, build layouts and components, and inspect designs for readability, accessibility, spacing, and usability.
Design, implement, or review native Mac interfaces using SwiftUI or AppKit. Organize panes, remove unnecessary containers, and apply restrained Liquid Glass effects while checking resizing, interaction states, and accessibility, including designs supplied through Figma.
Create breadboard layout diagrams with HTML5 Canvas to show electronic components and wire connections. Use the skill for LED circuits, 555 timers, and 6502 computer projects, with component references, labels, and color-coded wiring.
Turn descriptions of 3D shapes and CAD tasks into FreeCAD Python scripts. Create models with adjustable dimensions, automate repeated operations with macros, convert meshes and solids, or build custom dialogs and workbench tools.
Turn written descriptions of processes, systems, and ideas into editable Excalidraw diagrams. Create flowcharts, mind maps, relationship diagrams, and architecture diagrams, then receive an .excalidraw file to open and refine.
Create diagrams as editable .drawio files and export them to PNG, SVG, or PDF with embedded diagram data for later editing. A bundled PNG export script uses the desktop app or a browser to render diagrams.
Design, refine, or review web and iOS interfaces using the product’s existing components and visual style. Consult relevant screen examples when useful, then inspect the result for layout problems, inaccessible controls, and broken interactions.
Create and fix Adobe Illustrator automation scripts using ExtendScript, Adobe’s JavaScript-based scripting language. Automate changes to artwork, text, layers, and artboards, process multiple files, and prepare exports such as PDF, SVG, and PNG.
Resolve a design question by building a temporary, runnable prototype. Explore logic through clickable scenarios or compare three structurally different interface variants, then record the user's decision while keeping the prototype separate from production code.
Turn character, environment, and prop concepts into detailed image generation prompts. Plan reference sheets with multiple views and create variations from an approved main image, keeping appearance, materials, and spatial layout consistent across related assets.
Review products and strategy using a framework drawn from Steve Jobs’s public record. Examine user feedback, competing products, and design details to identify unnecessary features, clarify priorities, and assess the experience across the whole product.
Create or improve GPT-Image2 image prompts using a style library. Select suitable templates, then specify composition, materials, text, aspect ratio, and unwanted details in a prompt ready to copy.
Builds and maintains a DESIGN.md brief from existing screens, documentation, and components. It records product goals, visual rules, accessibility, and implementation constraints so future interface decisions have a shared reference.
Create a consistent UI design system from brand colors. Generate design tokens, reusable values for colors, typography, and spacing, and support component documentation, responsive layout calculations, accessibility considerations, and clear handoff materials for developers.
Turn user data and interviews into research-backed personas, or representative user profiles. The toolkit also supports mapping user journeys, planning usability tests, and combining research findings to guide and validate design decisions.
Create original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.
Create Marp presentation slides, written in Markdown, using seven themes for business, technical, academic, and creative content. The skill organizes headings, bullet points, whitespace, and images into a consistent presentation saved as a Markdown file.
Create original generative art with p5.js, including particle systems and flowing patterns. Get a written artistic concept and an interactive HTML viewer with adjustable parameters, reproducible variations, and PNG downloads.
Design visually distinctive websites, landing pages, and portfolios as React components, reusable pieces of a web page. Use industry references to guide typography, color, layout, motion, and relevant 3D visuals that fit the brand.