“interaction”的搜索结果

按照统一的颜色、文字、状态显示和交互规则创建或修改Paperclip界面，同时整理可复用组件、组件目录与示例页面。

• 按现有设计规则添加页面
• 创建可复用的界面组件
• 统一状态颜色与优先级图标

用于设计新网页、评估和改版现有界面，或分析网址与截图中的设计。梳理页面结构、配色、字体及交互状态，也可按优先级列出改进项。

• 设计新的落地页
• 为现有界面改进项排序
• 分析参考网页或图片

依据具体的字体排版、配色、间距和动效规则实现React或Next.js界面，调整布局与信息密度，涵盖移动端及各类状态显示，并避免千篇一律的外观。

• 制作字体排版鲜明的营销页面
• 调整仪表盘显示与交互反馈
• 调整信息密度和动效强度

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

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

用于调整按钮、通知等界面细节，设计符合操作目的的动画与反馈。从判断是否需要动画，到CSS实现、性能和无障碍支持，均可进行检视。

• 判断是否需要动画
• 调整按钮和通知的操作反馈
• 对比修改前后的UI代码

Build AI agents that retain conversation history, user preferences, and useful interaction patterns with AgentDB. The skill covers persistent storage, meaning memories survive between sessions, plus retrieval, context management, and ReasoningBank integration.

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

• Add conversation history to a chat system
• Remember user preferences across sessions
• Reuse patterns from successful interactions

Research current public information by checking original sources, recording relevant passages, dates, and URLs, and using browser interaction when needed. Cross-check important claims and clearly separate supported facts from inference.

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

• Checking current information against official sources
• Comparing evidence across multiple web pages
• Researching pages that require browser interaction

Build AI agents that retain conversation history, user preferences, and useful interaction patterns with AgentDB. The skill covers persistent storage, meaning memories survive between sessions, plus retrieval, context management, and ReasoningBank integration.

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

• Add conversation history to a chat system
• Remember user preferences across sessions
• Reuse patterns from successful interactions

Review stylesheets for a CSS reset or normalization layer that reduces differences in browser defaults. Check import order, framework provisions, and rendered layouts across screen sizes and interaction states, then suggest changes for a consistent styling foundation.

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

• Investigating layout differences between browsers
• Choosing a reset for a new site's styles
• Checking reset coverage in a CSS framework

Audit CSS class names for inconsistency and ambiguity, then organize them using BEM, a convention that names components, their elements, and variations. Check the rendered interface across screen sizes and interaction states when reviewing changes.

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

• Auditing inconsistent CSS class names
• Renaming component classes using BEM
• Separating utility classes and JavaScript hooks

Review CSS spacing, borders, and positioning for conversion to logical properties, which follow writing direction. Check rendered layouts across screen sizes and interaction states to support right-to-left languages and vertical text.

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

• Adapting layouts for Arabic or Hebrew
• Replacing fixed left and right spacing in CSS
• Reviewing layouts for vertical writing

Identify and test critical workflows where APIs, services, databases, and interface components work together. Review normal behavior, important failures, and CI checks to find gaps that isolated unit tests can miss and keep those interactions continuously verified.

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

• Testing interactions between APIs, services, and databases
• Checking components connected to state management
• Reviewing CI coverage for critical workflows

Review and fix Flexbox layouts with overflowing text, uneven item widths, or inconsistent spacing. Check rendered results across screen sizes and interaction states, then adjust sizing rules, spacing, and text overflow settings.

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

• Fixing overflowing text in a horizontal layout
• Making items share available width equally
• Replacing margins between items with gap

Review repeated event listeners and consolidate them on a shared parent element. This approach, called event delegation, handles dynamically added items and reduces individual listeners while preserving the intended interaction behavior.

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

• Fixing interactions on dynamically added list items
• Consolidating listeners across table rows
• Reviewing click target detection

Review and implement dark mode using CSS variables and the user's operating system preference. Check fixed colors, contrast, responsive layouts, and interaction states, with guidance for adding a manual theme switch that remembers the user's choice.

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

• Match site colors to the operating system's dark mode
• Find fixed colors that break the dark theme
• Add a manual theme switch that remembers the user's choice

Review component styles to find where CSS containment, which isolates rendering work, can limit layout recalculation and repainting. Identify suitable components and off-screen list items, then check their appearance across screen sizes and interaction states.

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

• Reviewing pages with many independent components
• Reducing rendering work for off-screen list items
• Checking containment across screen sizes

Review how a page loads CSS, the rules that control its appearance. Inline the styles needed for the first visible content and load the rest asynchronously, while checking layouts across screen sizes and interaction states.

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

• Reviewing CSS that delays initial page rendering
• Extracting styles needed for the first visible screen
• Moving noncritical CSS to asynchronous loading

Review CSS animations for properties that cause costly layout updates, then suggest changes using transform and opacity. Check how effects look across screen sizes and interaction states, including support for users who prefer reduced motion.

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

• Reviewing animations that stutter
• Replacing position and size animations
• Checking reduced motion support

Turn written descriptions or Mermaid code into diagrams showing processes, interactions, and data relationships. Choose a color theme and save both SVG files, which stay sharp when enlarged, and high-resolution PNG images.

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

• Illustrating workflows and decision trees
• Diagramming API interactions
• Visualizing database relationships

Record website interactions with Playwright to create demo clips, app walkthroughs, and footage for Remotion videos. The guidance covers screen dimensions, action timing, visible click effects, and converting recorded WebM files to MP4.

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

• Recording app walkthroughs
• Demonstrating form submission and login
• Preparing browser footage for Remotion

Create charts and dashboards with a consistent approach to chart selection, color validation, labels, and interaction. Includes a palette checker and accessibility rules for readable visualizations in both light and dark modes.

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

• Choose a chart type that fits the data
• Validate chart colors for color vision differences
• Build charts for light and dark modes

Create diagrams in Artifacts that explain data flow, system interactions, and differences between options. Guides diagram structure and inline SVG, a vector image format embedded in HTML, with readable labels and support for light and dark themes.

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

• Illustrating data flow and component interactions
• Comparing system designs side by side
• Explaining changes before and after a migration

Prepare a design handoff package for a developer using Claude Code. It documents screen layouts, visual details, interactions, and state requirements in a README.md, alongside reference files for implementation in the target app.

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

• Handing HTML prototypes to a developer
• Documenting precise visual details for implementation
• Explaining screen interactions and state requirements

Plan HyperFrames videos so motion flows continuously between scenes. Match movement direction and speed across cuts, connect actions through visible causes, and verify scene boundaries while keeping each scene active through meaningful reveals or interactions.

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

• Plan consistent movement across scene transitions
• Connect scenes with a shared visual element
• Replace idle motion with reveals or interactions