UI/UX, logos, slides, and image generation (7.4K skills)
Write and lay out a long article as a single HTML page. Combine clear headings, image placeholders, highlighted quotations, author information, and related posts, using the active design system to create a magazine-style reading experience.
Create HTML slides about choosing and connecting AI models in OpenDesign using your own API key. Use a terminal-style template to explain costs, quality, and model routing decisions, with speaker notes and presentation controls.
Create a mobile app prototype that presents habits or daily tasks as quests with experience points and levels. A single HTML page displays three phone screens: a cover, today's quest dashboard, and a quest detail with steps and rewards.
Creates HTML presentation slides for contemporary art exhibitions and biennales, using yellow, warm paper tones, and indigo typography. Organizes the curatorial theme, exhibition rooms, artworks, and visitor journey for museum boards and curators.
Create a single-screen desktop dashboard for dating, matchmaking, or community products. It combines key metrics, a community ticker, match charts, and sidebar navigation in one HTML document, using editorial typography, generous spacing, and a restrained accent color.
Review HTML pages, presentations, or prototypes across five design dimensions. Receive evidence-backed scores, a radar chart, and practical lists of what to keep, fix, or improve quickly, all packaged in a single self-contained HTML report.
Build HTML slides for an OpenDesign live demo, showing how a short prompt becomes a runnable design. Organize the presentation, visual direction, speaker notes, and animations using the supplied deck template.
Prototype a documentation page in one HTML file, with navigation, an article, and a linked table of contents. Includes realistic explanatory text, command examples, code, and tables, plus layouts that adapt to narrower screens and right-to-left text.
Create a desktop admin or analytics dashboard prototype in one self-contained HTML file. Follow an existing design system to arrange navigation, key metric cards, charts, and a supporting table or chart.
Create 16:9 HTML presentations for project debriefs, security reviews, and incident reports. A dark CRT terminal style combines monospaced text, red alerts, data grids, timelines, and audit logs to present dense operational information.
Build a FlowAI-style team management dashboard with member tables, activity history, summary metrics, and charts. The result is a self-contained HTML prototype with working tabs, light and dark themes, panel zoom, chart tooltips, and CSV export.
Apply WordPress's official design system to themes and sites. Use design tokens, shared visual settings, along with typography and component patterns to guide how text and interface elements are styled.
Review web interface code against Vercel's Web Interface Guidelines, covering layout, typography, color, motion, and accessibility. Receive concise findings with file names and line numbers, using a bundled guideline snapshot for a consistent review baseline.
Rework a messy startup presentation into a coherent HTML slide deck for decision makers. Organize the narrative and evidence, then apply a consistent visual system of pastel-neon blocks, bold black borders, and coordinated layouts.
Create an HTML slide deck that turns a hobby or collection into a story for friends and fellow enthusiasts. The supplied template uses dark navy backgrounds, neon colors, and pixel art inspired by retro arcades.
Present user research as a three-slide HTML deck with warm paper colors, minimalist typography, and subtle motion. Organize the research framing, participant breakdown, and behavioral evidence, with keyboard navigation and interactive donut-chart highlights.
Design and build landing pages, portfolios, and website redesigns around the audience and brand. Choose suitable typography, colors, layouts, and motion, then check consistency, responsive behavior, and readable buttons and forms before delivery.
Create a product showcase with real HTML content displayed inside CSS-drawn iPhone and optional MacBook screens. Add glass-like highlights and floor reflections to present app interfaces or design work in a three-dimensional style.
Create an X-style post card from supplied text or data, including engagement counts and light or dark styling. Produce a single HTML file for video overlays or content intended for image sharing.
Use more than 300 design rules drawn from Apple HIG, Material Design 3, and WCAG 2.2 accessibility guidance. Apply them when planning a shared app design for iOS, Android, and the web.
Guide an AI agent’s interface work with a shared set of design constraints. Use it to keep many small UI elements coherent across an interface, with the full workflow available through the separately installed upstream bundle.
Develop visual effects with GLSL, a language for graphics programs called shaders. Apply ray marching, fluid simulation, particle systems, and rule-based generation to create hero visuals and still frames of motion.
Guide SwiftUI interface design with rules against generic AI styling, advice on design direction, guidance for handling brand assets, and reviews across five dimensions. Use it to shape and assess native app interfaces.
Turn a song, podcast, or personal introduction into a Spotify-style now-playing card. Generate a single HTML file with CSS-drawn cover art, a progress bar, and playback-style icons for video overlays or personal homepages.