UI/UX、标志、幻灯片、图像生成（7355 个）
Build React or Next.js interfaces using adjustable layout variation, motion, and information density. This preserved v1 skill covers typography, color, responsive layouts, interaction states, and animation isolation for projects that require its original behavior.
中文简介正在准备中。当前显示英语简介。
Create HTML visuals that appear directly inside an Orca chat reply. Use charts, diagrams, tables, reports, or mockups to explain an answer visually, with styles, scripts, and data included in each page.
中文简介正在准备中。当前显示英语简介。
Analyze a Figma file and turn its pages, screens, components, instances, and design tokens—shared design values—into an interactive graph. Open the dashboard to explore the file's structure and relationships.
中文简介正在准备中。当前显示英语简介。
Turn plain-language descriptions, Mermaid diagrams, or repository evidence into interactive standalone HTML diagrams. Create system maps, workflows, timelines, database relationships, and everyday process diagrams, with automated validation, light and dark themes, and image, SVG, or WebM export.
中文简介正在准备中。当前显示英语简介。
Create character, scene, and product images from structured descriptions of style, composition, lighting, and color. Guide generation with reference images and aspect ratio settings, using a Python script connected to a supported image generation service.
中文简介正在准备中。当前显示英语简介。
Build web pages and interface components with a clear visual direction and working code. Shape typography, colors, layouts, and animation around the intended audience and purpose, with support for HTML/CSS/JS, React, and Vue implementations.
中文简介正在准备中。当前显示英语简介。
Discover available skills and combine one to three of them into a single creative piece. Use it for an unexpected presentation, visual artifact, or interactive web experience, drawing on known interests or seasonal themes.
中文简介正在准备中。当前显示英语简介。
Design and improve website and app interfaces, from typography, spacing, and color to task flows. Review usability, accessibility, responsive layouts, and performance, or refine interface text, error states, and reusable design elements.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Style documents and other artifacts with Anthropic's brand colors and fonts. The skill specifies heading and body typography, readable text colors for different backgrounds, and accent colors for shapes, with fallback fonts when needed.
中文简介正在准备中。当前显示英语简介。
Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.
中文简介正在准备中。当前显示英语简介。
Create a JSON theme preset for Ruflo Console Theme Studio from a visual brief. Adjust six colors, animation speed, and decorative layers while keeping text readable and success, warning, and failure states visually distinct.
中文简介正在准备中。当前显示英语简介。
Review multi-step forms to find information users must enter more than once. Suggest automatic filling, reuse options, and preserving data between steps, while explaining relevant accessibility requirements and exceptions for security or validity.
中文简介正在准备中。当前显示英语简介。
Review images, icons, and illustrations for cultural meanings that may confuse international audiences. Suggest neutral alternatives or locale-based replacements with a shared default, and flag embedded text and other visuals that need localization review.
中文简介正在准备中。当前显示英语简介。
Review CSS color definitions and convert palettes to oklch(), a color format designed around human perception. Use consistent lightness steps to build color scales, dark-mode palettes, and interaction states, with guidance for wide-gamut displays.
中文简介正在准备中。当前显示英语简介。
Review help links, chat controls, phone numbers, and FAQ entry points across related pages. Compare their relative positions and order under matching layout conditions, then identify changes that make support easier to find throughout a task.
中文简介正在准备中。当前显示英语简介。
Check text, input borders, meaningful icons, and other interface elements for sufficient color contrast. Guide color adjustments against WCAG accessibility thresholds and verify readability across default, hover, focus, active, and visited states.
中文简介正在准备中。当前显示英语简介。
Create static SVG diagrams, scalable images for lessons, READMEs, and manuals. It uses real system names, nine diagram types, and consistent colors and arrows, with checks for readable labels, accessible descriptions, and valid markup.
中文简介正在准备中。当前显示英语简介。
Apply shared visual and writing rules to course pages, figures, and manuals. Check colors, fonts, labels, layouts, plain technical English, dark themes, keyboard focus, touch targets, and reduced-motion behavior against defined reference values.
中文简介正在准备中。当前显示英语简介。
Build an interactive page that explains a process as a machine viewed from an angle. A tested simulation keeps movement, numbers, and explanations consistent, while controls let readers step through operations and explore failures.
中文简介正在准备中。当前显示英语简介。
Create animated lesson diagrams, sliders that update figures, and interactive panels that explain how systems work. It also builds moving dot patterns for page headers, with rules for readability, themes, and reduced motion.
中文简介正在准备中。当前显示英语简介。
Builds and improves web interfaces, covering layout, styling, motion, and usability. It records design rules before implementation, uses supplied references or design research, and checks the result in real browsers for visual consistency, accessibility, and performance.
中文简介正在准备中。当前显示英语简介。
Plan the visual and narrative direction of HyperFrames videos, including colors, fonts, composition, narration, and scene rhythm. The skill helps apply existing design specifications, choose a style, and check whether the finished work follows that direction.
中文简介正在准备中。当前显示英语简介。
Create a reusable design guide covering colors, typography, layout, and motion. Extract styles from existing sources or start from scratch, then turn the guide into instructions or code for supported video, slide, and design tools.
中文简介正在准备中。当前显示英语简介。