OpenDesign

为Apple产品的界面与交互设计提供指引入口，介绍涵盖iOS、macOS等平台的14项技能，帮助查找设计基础、界面组件和操作方式的相关指南。

• 查阅iOS应用设计指南
• 查找macOS界面组件指引
• 了解visionOS交互设计

制作兼具杂志版面与电子纸观感的横向幻灯片，提供十种布局和五套配色，将观点与数据组织成纸张印刷风格的演示文稿。

• 用杂志风格演示文稿表达观点
• 分享研究结果和关键数值
• 制作按章节组织的演示文稿

依据色彩科学参考资料，协助设计配色并检查文字对比度。也涵盖颜色命名、颜料混色及历史色彩理论，可用于梳理创作中的色彩问题。

• 构思设计配色
• 检查文字与背景的对比度
• 为颜色命名

通过代理调用fal.ai的AI模型来生成图像和视频，涵盖Flux、SDXL、ideogram等模型，为提出生成请求提供入口。

• 使用fal.ai生成图像
• 使用fal.ai生成视频
• 指定图像生成模型

为现有网页添加克制的动画，呈现按钮操作反馈和界面状态变化。在保留文字、数据与布局意图的同时统一动画节奏，并支持减少动态效果的设置。

• 为按钮添加操作反馈
• 呈现界面状态变化
• 调整主要内容的入场效果

根据设计理念和美学原则制作海报、插画等静态视觉作品，并生成PNG图像或PDF文档。你可以向智能体说明作品类型和所需的输出格式。

• 制作海报
• 创作插画
• 将静态作品制作为PNG或PDF

用于撰写和改写落地页、网站首页及广告文案。在产品或服务发布前，可作为编辑伙伴，协助推敲这些营销材料中的表达。

• 撰写落地页文案
• 改写网站首页文案
• 起草广告文案

在固定的1920×1080画布上，按内容自由编排幻灯片。统一配色、字号和留白，生成支持左右方向键翻页并显示页码的单个HTML文件。

• 制作个人作品集
• 准备艺术或设计课程资料
• 制作以问题或图像为主的演讲资料

将Anthropic官方品牌配色与字体排版规范应用于作品，统一颜色与文字的视觉呈现，也可作为制定自有品牌规范时的参考。

• 应用官方品牌配色
• 按官方规范调整字体排版
• 统一多份作品的视觉风格

将对话文本或截图转换为带动态气泡的视频素材，可设置应用风格外观、头像、昵称和设备边框，并输出透明背景视频或可继续编辑的项目文件。

• 在短视频中加入对话
• 在产品演示中叠加消息
• 通过聊天重现故事

排查并修复浏览器或Electron中图片无法导出、保存后为0 KB等问题，将图片数据生成与文件保存分开检查，定位失败环节并选择适合的保存方式。

• 排查导出图片为0 KB的问题
• 检查保存对话框与写入故障
• 修复Electron中的图片保存

使用React、Tailwind CSS和shadcn/ui，为claude.ai制作由多个组件组合而成的HTML成果，适合结构较复杂的界面制作。

• 为claude.ai制作HTML成果
• 制作包含多个组件的界面原型
• 使用React和shadcn/ui制作界面

通过 fal.ai 使用 Kling O3 生成图片和视频；此目录条目供 OpenDesign 在制作规划时发现该能力，执行完整流程需另行安装上游资源包。

• 使用 Kling O3 生成图片
• 通过 fal.ai 生成视频
• 将生成能力纳入 OpenDesign 制作计划

使用fal.ai托管的AI模型编辑现有图片，可转换画风、移除背景或多余物体，也可通过局部重绘修改指定区域。

• 转换图片画风
• 移除图片背景
• 消除图片中的多余物体

Design a single mobile app screen inside a detailed iPhone 15 Pro frame. Include a status bar, app header, main content, and bottom tabs, with Dynamic Island and spacing around the screen edges.

中文简介正在准备中。当前显示英语简介。

• Presenting an app screen inside an iPhone frame
• Designing a feed, list, detail screen, or form
• Exploring a layout with four or five bottom tabs

Create a team OKR tracking page, showing objectives and their measurable results. Arrange three objectives with progress bars, values, owners, and status labels, alongside a quarterly summary that makes progress easy to review.

中文简介正在准备中。当前显示英语简介。

• Reviewing progress toward quarterly team goals
• Checking owners and statuses for key results
• Presenting a quarter's goals and summary together

Create a SaaS pricing page with Free, Pro, and Enterprise plans, monthly and annual billing options, a feature comparison table, frequently asked questions, and a bottom call to action. Highlight the middle plan as popular.

中文简介正在准备中。当前显示英语简介。

• Creating a pricing page with three plans
• Showing monthly and annual billing options
• Presenting plan differences in a feature table

Organize meeting notes into a clear layout with attendees, an agenda checklist, decisions, and next meeting details. An action items table highlights who owns each task, when it is due, and its current status.

中文简介正在准备中。当前显示英语简介。

• Organizing notes from a team meeting
• Recording decisions and follow-up tasks from a one-to-one meeting
• Presenting task owners and deadlines in meeting minutes

Create a web prototype with a soft, Apple-inspired appearance. Silver or cream backgrounds, double-edged rounded cards, nested buttons, and a slight spring effect on hover define the visual style and interaction.

中文简介正在准备中。当前显示英语简介。

• Exploring a soft visual style for a web prototype
• Designing rounded cards and nested action buttons
• Trying a subtle spring effect on hover

Create an animated explainer poster with a pixel art mascot, moving Japanese or Chinese text, and a scrolling timeline. The retro layout uses CSS animation loops without JavaScript and can be recorded as video.

中文简介正在准备中。当前显示英语简介。

• Creating a retro animated explainer
• Combining pixel art with moving Japanese text
• Preparing an animated poster for video recording

Build a single-page landing page for a SaaS product, organizing supplied content into features, steps, pricing, and frequently asked questions. Include action buttons and a customer logo section, with a single-column layout on mobile.

中文简介正在准备中。当前显示英语简介。

• Creating a landing page for a SaaS product
• Organizing features, usage steps, and pricing
• Designing a product page for desktop and mobile

Create a clickable product landing page prototype with navigation, feature cards, usage steps, testimonials, and optional pricing. Include responsive layouts, hover effects, scroll animations, and expandable FAQ sections to demonstrate the intended experience.

中文简介正在准备中。当前显示英语简介。

• Prototyping a product landing page
• Reviewing navigation and button interactions
• Checking mobile and desktop layouts

Build a minimalist, single-page A4 resume for printing or PDF export. Organize experience, projects, education, and skills with an optional two-column layout, prominent contact details, concise achievement bullets, and restrained colors.

中文简介正在准备中。当前显示英语简介。

• Preparing a single-page A4 resume
• Separating experience and skills into two columns
• Formatting a resume for printing or PDF export

Turn supplied text or data into an X-style post card for video overlays or image sharing. Create a single HTML file with profile details, engagement counts, and light or dark styling in landscape or square formats.

中文简介正在准备中。当前显示英语简介。

• Creating post cards for video overlays
• Preparing quotes for sharing as images
• Summarizing data as a short post card