UI/UX、标志、幻灯片、图像生成（7361 个）
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Design desktop landing page prototypes with varied layouts, large typography, dense grids, and GSAP animations tied to scrolling. Pages follow an attention-to-action structure, with explicit checks for heading length, grid completeness, and button text contrast.
中文简介正在准备中。当前显示英语简介。
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 HTML presentations with rich animations and visual style previews. Use the skill to build slides for online keynotes, embedded talks, or interactive briefs, with a preview of how the presentation will look.
中文简介正在准备中。当前显示英语简介。
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 project-specific rules for turning Figma designs into code. Bring design tokens, shared values such as colors and spacing, together with naming conventions and lint rules for automated checks in one reference.
中文简介正在准备中。当前显示英语简介。
Turn business metrics and findings into a magazine-style HTML report with a paper-like background, pastel cards, and a retention chart. Use the template to create a single-page board memo or a visually organized business report.
中文简介正在准备中。当前显示英语简介。
Builds or updates a Figma design system library from an existing codebase. Helps keep reusable design components aligned with the components already shipped in a product, giving design teams a reference that reflects the implementation.
中文简介正在准备中。当前显示英语简介。
Build websites, dashboards, and application screens with a clear visual direction and working frontend code. The skill covers typography, color, layout, responsive behavior, and interaction states while following existing project conventions and brand guidance.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Turn product information, analysis, or methods into an HTML slide deck with a 16-column grid and one accent color. Use 22 fixed layouts for timelines, comparisons, diagrams, and charts based on supplied data.
中文简介正在准备中。当前显示英语简介。
Create a three-page editorial motion sequence with dark backgrounds, serif typography, staged text reveals, and chapter transitions. The result is a single HTML file suited to fashion-inspired storytelling and short visual presentations.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Clarify requests for visual output by adding design specifications and UI/UX vocabulary, the language of interfaces and user experience. Use it to refine prompts for screen design or workflows that turn designs into code.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Develop campaign concepts and guide design work from the brief to presentation. Combine structured idea generation, repeated self-assessment, and available design resources to define a direction, critique work, and plan improvements.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Create and manage DESIGN.md as a shared reference for design direction, reusable design values, and visual rules. This catalogue entry introduces the skill; its complete workflow requires installing the upstream bundle.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Create a brand overview image combining logo concepts, colors, typography, and examples across digital and physical materials. The skill bases the visual direction on the brand’s purpose and audience, arranging connected panels in a clear presentation grid.
中文简介正在准备中。当前显示英语简介。
Create slides on a fixed 1920×1080 canvas with freely arranged React components. Keep colors and typography consistent while adapting each page to its content, and produce a single HTML file with keyboard navigation.
中文简介正在准备中。当前显示英语简介。