将旋转文字、地球仪和以不同速度运动的多个图层组合成16:9动态首屏,用CSS实现动画,并整理为可供视频导出的HTML文件。
- 制作营销页面的动态首屏
- 制作文字动画标题卡
- 制作圆环与地球仪循环海报
739 个 · 按相关度排序
将旋转文字、地球仪和以不同速度运动的多个图层组合成16:9动态首屏,用CSS实现动画,并整理为可供视频导出的HTML文件。
为恋爱、交友匹配服务或社区制作桌面端仪表板,以主要指标和图表展示数据,采用克制的报刊式排版,并输出包含CSS的单一HTML文档。
使用醒目的标题排版与几何卡片,制作瑞士风格的演示型网页。输出为单个HTML文件,并可加入幻灯片导航、明暗主题切换、强调色轮换和注释叠加显示。
依据具体的字体排版、配色、间距和动效规则实现React或Next.js界面,调整布局与信息密度,涵盖移动端及各类状态显示,并避免千篇一律的外观。
通过具体规则统一字体排版、留白、配色、卡片层叠和克制的动画,并将这些设计编写为网页代码,制作质感细腻、风格沉静的页面。
将用户研究的背景、参与者构成、行为模式与证据整理为三页HTML幻灯片,采用温暖纸色的瑞士风格,并通过图表、交互和克制的动效呈现。
将网站和业务界面从设计制作成可运行的代码,围绕用途统一字体排版、配色与布局,并完善手机显示和交互过程中的各种状态。
将原稿整理为羊皮纸色背景、墨蓝点缀和统一衬线字体的HTML文档,通过字号层级与留白编排报告、信函、简历等内容。
通过Ant Design主题设置统一调整颜色、间距、圆角和字体,支持单个组件的外观覆盖、深色模式、CSS变量模式及计算后主题值的提取。
从符合题材的构图和字体选择入手,规划、实现并检查公开网页,通过真实浏览器测量及三种屏幕宽度的截图评审,反复调整页面外观。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Review and create print styles for web pages so printed content stays readable. Adjust typography and page breaks, hide navigation and ads, and display external link URLs in the printed output.
中文简介正在准备中。当前显示英语简介。
Build and revise a design system from brand materials or code. Organize colors, typography, spacing, components, and assets into structured files, with usage guidelines and previews, using the supported Design System artifact format.
中文简介正在准备中。当前显示英语简介。
Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.
中文简介正在准备中。当前显示英语简介。
Design distinctive web interfaces when no existing brand guidelines apply. The skill helps define a visual direction and carry it through typography, color, layout, backgrounds, and animation in HTML, with implementation detail matched to the chosen style.
中文简介正在准备中。当前显示英语简介。
Plan and build interfaces with visual choices grounded in the product and its audience. Guides color, typography, layout, motion, and interface wording, with review steps to keep the result specific to the brief.
中文简介正在准备中。当前显示英语简介。
Build consistent interface foundations with design tokens, named values for colors, spacing, and typography. Covers light and dark themes, multiple brands, reusable components, and workflows that keep design definitions aligned with application code.
中文简介正在准备中。当前显示英语简介。
Analyze a reference PowerPoint deck without changing it. Extract its structure, colors, typography, and layout patterns to inform a new presentation, and inspect the underlying package for broken links or malformed document data.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Compare a UI screenshot with reference images and receive a structured JSON assessment. Get a score, pass or revision status, concrete visual differences, and suggested edits for layout, spacing, typography, colors, and visual hierarchy.
中文简介正在准备中。当前显示英语简介。
Plan and build interfaces with visual choices grounded in the product and its audience. Guides color, typography, layout, motion, and interface wording, with review steps to keep the result specific to the brief.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Style materials with Anthropic's brand colors and typography. Apply distinct heading and body fonts, choose text colors for the background, and use coordinated accent colors for shapes, with fallback fonts when Poppins or Lora are unavailable.
中文简介正在准备中。当前显示英语简介。