“spacing”的搜索结果

检查界面的间距、文字、圆角、阴影、动效与点击区域，改善外观和操作体验。针对按钮、卡片和表单等细节提出具体建议，并展示修改前后的差异。

• 检查拥挤或尚未完善的界面
• 完善按钮、卡片与表单
• 改进悬停与加载状态

从现有界面代码中提取颜色、字体和间距等共用规则，生成设计说明与交互预览。按十个维度评估视觉一致性，并指出具体修改位置。

• 从现有代码提取设计规则
• 改版前检查视觉一致性
• 审查修改样式的拉取请求

Build HTML/CSS pages using visual specifications from 54 established websites, including Stripe, Linear, and Vercel. Templates provide colors, typography, spacing, component styles, and layouts that adapt to different screen sizes.

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

• Creating a landing page inspired by Stripe
• Designing a dashboard inspired by Linear
• Styling a documentation website

结合新产品的目标与竞品调研，提出配色、字体、布局、间距及动效规则，生成字体与颜色预览，并将统一的设计方向整理到DESIGN.md。

• 确定新产品的视觉方向
• 记录品牌与页面的统一规则
• 检查字体与配色组合

为现有HTML页面添加调节面板，让你直接尝试配色、字号、间距、主题和动画效果。修改即时生效并保存在浏览器中，无需反复请求智能体调整外观。

• 微调落地页配色和间距
• 演示品牌与设计系统的不同方案
• 制作可调节外观的独立演示页面

通过暖调黑白灰、清晰的文字层级和充足留白，设计具有杂志排版感的极简网页。结合卡片网格与柔和点缀色，让产品界面的信息组织更有条理。

• 制作极简产品界面原型
• 以非对称网格排列功能卡片
• 统一字体、留白与配色

将模糊的设计需求细化为配色、字体、布局等八个方面，生成用于实施的规格文档和HTML预览，并明确说明为未指定项补充的默认值。

• 将模糊设计需求具体化
• 规划落地页配色、字体与留白
• 通过HTML预览确认外观

通过Ant Design主题设置统一调整颜色、间距、圆角和字体，支持单个组件的外观覆盖、深色模式、CSS变量模式及计算后主题值的提取。

• 按设计要求调整配色和字体
• 设置深色主题
• 单独调整特定组件的外观

设计和改进网站及应用界面，调整文字、间距、配色和操作流程；支持易用性审查、不同屏幕尺寸适配与显示性能检查，也可改善表单、错误提示和首次使用引导。

• 设计新界面的结构与外观
• 改善现有界面的文字、间距与配色
• 检查无障碍支持和屏幕尺寸适配

Review fixed pixel values in fonts, widths, and spacing, then suggest relative units that adapt to available space and browser font preferences. Check rendered layouts at different screen widths and during interactions before proposing changes.

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

• Adapting text to browser font size preferences
• Replacing fixed widths with flexible layouts
• Reviewing spacing units within components

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

Check whether sticky headers, banners, or chat widgets hide controls reached with the keyboard. Review tab order, zoomed views, and mobile layouts, then suggest spacing or scrolling changes that keep the focused control and its indicator visible.

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

• Checking keyboard navigation around sticky headers
• Testing pages with cookie banners and chat widgets open
• Reviewing overlap in zoomed and mobile layouts

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

Find repeated colors, spacing, and font sizes in CSS, then organize them into custom properties, reusable values referenced with var(). Review their use across components and screen sizes, and explain how overrides support theme changes.

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

• Consolidating repeated colors and spacing
• Preparing CSS for a brand refresh
• Reviewing values for dark mode

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.

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

• Organizing design rules from existing code and brand materials
• Documenting colors, typography, and spacing
• Collecting logos, icons, and component previews

Build web interfaces that adapt to screen and component widths. Use CSS Grid, flexible text and spacing, and container queries, which respond to a component’s available space, to adjust layouts, images, navigation, and tables.

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

• Building layouts that start with mobile screens
• Adapting components to their available width
• Scaling text and spacing with screen size

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.

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

• Organizing shared colors, typography, and spacing
• Implementing light and dark theme switching
• Sharing interface components across multiple brands

Convert plain text documents into Markdown while preserving their content. Follow supplied formatting rules or a reference file, organize headings, lists, and code blocks, and clean up spacing for the chosen publishing platform.

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

• Converting text manuals into Markdown
• Matching formatting across related documents
• Cleaning up spacing in converted Markdown

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.

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

• Checking whether an implemented screen matches its reference
• Finding differences in spacing, typography, and colors
• Prioritizing edits from structured visual feedback

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.

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

• Generate shared design values from brand colors
• Standardize typography and spacing across screens
• Plan layouts for different screen widths

Build interfaces with Tailwind CSS v4 using CSS-based configuration, layouts that adapt to their container, and shared color and spacing values. The skill guides responsive styling, dark mode, and reusable component patterns.

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

• Moving Tailwind CSS v3 configuration to v4
• Making cards adapt to their parent container
• Standardizing colors, spacing, and typography

Create shared UI design values from a brand color, including palettes, typography, and spacing. Export them as CSS, SCSS, or JSON, document component behavior, plan layouts for different screens, and prepare developer handoff materials.

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

• Generate shared design values from a brand color
• Document component variants and states
• Plan typography and spacing for different screens

Build and review JetBrains plugin interfaces using Swing and IntelliJ Platform components. Follow concrete rules for layouts, theme colors, fonts, spacing, dialogs, and tool windows while keeping shared style values consistent.

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

• Building tool windows and settings screens
• Reviewing theme colors, fonts, and spacing
• Choosing components for dialogs and notifications

Format plain text or Markdown into a readable article with headings, emphasis, lists, and tables while preserving the original wording. Add titles and summaries, adjust spacing in mixed Japanese and English text, and save a formatted copy.

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

• Formatting a plain text draft as Markdown
• Improving an article's headings and emphasis
• Fixing spacing in mixed Japanese and English text