“responsive”的搜索结果

Review layouts that need alignment across both rows and columns, and suggest CSS Grid changes. Check rendered behavior at different screen widths and explain sizing, named areas, and grids that adapt to their content.

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

• Replacing two-dimensional Flexbox or float layouts
• Building card grids that adapt to screen width
• Aligning nested elements with a parent grid

Review CSS loading that delays a page’s first visible content. Help inline essential styles and defer other stylesheets, using preload and media conditions, while checking rendered layouts at different screen widths and interaction states.

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

• Investigating CSS that delays initial page display
• Separating essential styles from styles loaded later
• Reviewing preload and media-based stylesheet loading

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.

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

• Make web pages easier to read on paper
• Hide navigation and ads when printing
• Adjust print typography, page breaks, and link URLs

Check whether production CSS is minified, meaning unnecessary spaces, comments, and verbose syntax are removed to reduce file size. Review build settings and rendered layouts, then suggest suitable minification tools or framework settings.

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

• Checking production CSS minification
• Adding minification to a build process
• Reviewing CSS output from PostCSS

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

Write, review, and refactor React and Next.js code using performance guidelines from Vercel. Prioritized rules help identify sequential data requests, oversized JavaScript bundles, unnecessary re-renders, and other opportunities to improve loading and responsiveness.

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

• Reviewing React components for performance issues
• Improving data fetching in Next.js pages
• Reducing JavaScript bundle size

Build custom interactive charts, network diagrams, and maps with d3.js. Guides data-driven drawing, tooltips, zooming, animation, responsive sizing, and accessibility, with examples that work in plain JavaScript or frameworks such as React, Vue, and Svelte.

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

• Building charts with custom layouts and styling
• Creating network diagrams and geographic visualizations
• Adding tooltips, zooming, and animated transitions

Guide browser tasks in the person's own Chrome using existing sign-ins. Covers tab management, site permissions, form entry, GIF recordings, and console inspection, with clear steps for handling connection failures and unresponsive pages.

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

• Work on websites using existing Chrome sign-ins
• Record a sequence of browser actions as a GIF
• Inspect console logs while debugging a page

Establish consistent typography, colors, spacing, and icons for interface design. Define design tokens, reusable values for visual styles, and apply guidance on contrast, responsive text, and dark mode to improve readability and visual consistency.

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

• Define design tokens for a new project
• Create typography and spacing guidelines
• Review color contrast and visual consistency

Build React Native mobile interfaces for iOS and Android, covering styling, screen navigation, gesture interactions, and animations. The skill guides React Navigation and Reanimated usage, responsive layouts, and performance improvements for mobile components.

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

• Building React Native screens for iOS and Android
• Implementing screen navigation with React Navigation
• Adding touch gestures and Reanimated animations

Design and implement interfaces around the intended audience and constraints. Plan visual hierarchy, spacing, and interface states, support different screen sizes and accessibility needs, then check the appearance against agreed acceptance criteria.

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

• Design an interface for a defined audience and constraints
• Implement layouts that adapt to different screen sizes
• Include accessibility in interface implementation

Add Adaptive Card templates, structured visual layouts for API responses, to MCP-based plugins in Microsoft 365 Copilot. Configure shared or item-specific layouts, bind response fields, and prepare responsive cards with validation scenarios.

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

• Displaying project status and budgets as cards
• Using different layouts for debit and credit entries
• Providing a default card when no template is selected

Coordinate multiple agents on a shared task list to complete development work. Break tasks into clear responsibilities, manage dependencies, and move through planning, implementation, verification, and bounded repair cycles with recorded handoffs.

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

• Fixing TypeScript errors across several modules
• Sharing build-error investigation among agents
• Implementing responsive layouts across pages

Rebuild existing web pages as working, editable local code using their actual content and assets. Inspect desktop and mobile layouts, reproduce interactions and animations, then compare rendered pages and fix visible or functional differences.

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

• Recreating an existing page in a local app
• Matching desktop and mobile layouts
• Reproducing Framer pages and scroll animations

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

Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.

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

• Preparing a design for developer handoff
• Documenting layout changes across screen sizes
• Specifying loading, empty, and error states

Diagnose frozen or slow Qwen Code sessions on the current machine by checking CPU and memory usage, process states, child processes, network connections, and debug logs. Receive a diagnostic report with suggested next steps, without stopping processes.

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

• Investigating an unresponsive Qwen Code session
• Diagnosing a specific process by PID
• Checking high CPU or memory usage

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

Turn Figma screens and components into application code using design specifications, screenshots, and supplied assets. Reuse existing project components and shared style values, then check layout, typography, responsive behavior, and accessibility against the design.

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

• Implement a button from a Figma component
• Build a dashboard from a Figma frame
• Integrate designs with an existing component library

Build and improve Windows desktop apps with C#, WinUI 3, and the Windows App SDK. Guidance covers development setup, native interface design, implementation, troubleshooting, packaging choices, and verification through both builds and actual app launches.

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

• Checking and preparing a WinUI development environment
• Creating a new Windows desktop app
• Improving navigation, themes, and adaptive layouts

Diagnose GKE TPU slice creation failures caused by shared nodes. Check slice status, partition labels, and monitoring data to identify conflicting resource groups, then provide resolution steps for the user to apply.

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

• Investigating node overlap behind SliceCreationFailed
• Finding slices that share nodes across partition shapes
• Checking whether resource conflicts existed at incident time

Diagnose GKE TPU virtual machines that remain in repair by checking instance status, host events, and automatic repair history. Understand the impact on grouped TPU nodes and identify recovery steps for the user to apply.

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

• Investigating TPU VMs that remain in REPAIRING
• Assessing how a failed node affects a TPU slice
• Checking automatic repair history and failure reasons

Build React interfaces for Kortix using @kortix/ui components. The skill covers forms, dialogs, notifications, and chat views, with shared styling rules, brand customization through CSS variables, and checks for types, controls, and responsive layouts.

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

• Building forms and dialogs with existing components
• Adding a chat view with SessionThread
• Adapting component colors and logos to another brand

Build and update Kortix web screens with established interface components and reference layouts. Guides component selection for forms, lists, modals, loading states, and notifications, including replacements for deprecated components and consistent responsive page structure.

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

• Build a settings screen with existing components
• Replace deprecated interface components
• Standardize loading, empty, and error states