UI/UX, logos, slides, and image generation (7.4K skills)
Generate visual assets through Google Gemini's image generation API, including interface mockups, icons, and illustrations. The supplied entry helps agents discover the skill; running the full workflow requires installing the upstream bundle.
Create a macOS-style notification banner from an announcement or message, complete with an app icon, title, and body. The single-file HTML design supports video overlays, product teasers, and social images, with light and dark appearances.
Turn workflows and system flows into a whiteboard-style diagram with colored sticky notes and curved arrows. The skill produces a single HTML file, with branches, merges, and optional hover effects for onboarding or operational explanations.
Build a mobile login prototype as a standalone HTML file. Choose phone and SMS verification, password login, or external account sign-in, with labeled inputs, password visibility controls, and clear loading and error states.
Create landing pages, websites, and app interfaces with restrained composition and a clear visual presence. The skill draws on OpenAI's frontend production playbook to guide the appearance and arrangement of interface elements.
Create or update Figma screens from code or written descriptions. Use design system components and design tokens, shared values for visual styling, to translate application pages into Figma designs.
Find images, logos, and screenshots already stored in OD Library and reuse them in the current project. Select assets by their metadata, copy them into the project, and connect the returned file paths to the page.
Create a single HTML file with a flowing, animated background and a prominent quote or headline. Use it for a video intro, a landing page's main visual, or a poster, with landscape and portrait layouts available.
Create an FAQ page with expandable answers, live text search, and category filters. The skill organizes realistic questions for a product or service into a single HTML file with a contact section.
Generate mobile app screen concepts and connected screen flows for iOS, Android, or cross-platform products. The skill emphasizes readable text, consistent colors and navigation, and clean phone mockups. It produces images rather than implementation code.
Review and refine an existing web page or HTML artifact before sharing it. Improve visual hierarchy, copy, and restrained animation, while fixing responsive layouts and accessibility issues and preserving the original content and brand.
Create generative art, or images made with programmed rules, using p5.js. Fixed random seeds make each rendering reproducible, supporting procedural posters, still images that suggest motion, and studies of artistic frame composition.
Apply Anthropic's official brand colors and typography to artifacts for a consistent visual identity. The guidance also provides a reference for developing your own brand rules; the full workflow requires the upstream skill bundle.
Turn rough ideas into developed designs through structured questions and exploration of alternatives. Use it early in concept work to clarify an initial idea, consider different directions, and shape a more concrete design.
Generate 3D models from text descriptions or images through fal.ai for game assets, augmented reality previews, product mockups, and concept sculpting. This catalog entry points agents toward the upstream bundle needed for the full workflow.
Create posters, illustrations, and other static visual artwork as PNG images or PDF documents. The skill uses design philosophy and aesthetic principles to guide the visual approach for each piece.
Design industrial-style web interfaces using rigid grids, dramatic type sizes, compact data displays, and red accents. Choose a light print-inspired layout or a dark terminal aesthetic, with textures that mimic paper or older screens.
Create horizontal slide decks with an editorial magazine and e-ink look. Ten layouts and five palettes organize narratives, quotations, images, and data into a paper-inspired presentation delivered as a single HTML file.
Polish an existing web interface with subtle button feedback, state transitions, and page reveals. Preserve the layout and content, keep animation timing consistent, and provide alternatives for people who prefer reduced motion.
Create a three-slide HTML presentation for company culture, strategy, or guiding principles. Burgundy, blush, and muted gold frame bold statements, pill-shaped tags, and eight principle cards, with button and keyboard navigation.
Supports palette creation and contrast checks using color science references. It also covers color naming, pigment mixing, and historical color theory, helping you explore color choices for design and creative work.
Audit an implemented interface visually, then make code fixes in small, focused commits. Before-and-after screenshots document the changes, helping teams inspect and refine the interface as they prepare for launch.
Find Apple interface design guidance for planning apps across iOS, macOS, visionOS, watchOS, and tvOS. This catalogue entry points to a bundle of 14 skills covering design foundations, interface components, interaction patterns, inputs, and technologies.
Build a design system, a shared set of design rules, from scratch and create realistic product mockups. Use it for kickoff workshops or new brand development, with room to explore bolder creative choices.