“layout”的搜索结果

Add user-facing text to Handsontable through its translation system. The skill covers translation keys, language files, plural forms, right-to-left layouts, preserving Japanese and other East Asian input behavior, and converting text to lowercase according to language rules.

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

• Adding translated menu labels
• Adding a language file or plural forms
• Checking Arabic or Persian right-to-left layouts

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

Design and improve web, mobile, and desktop interfaces using searchable local guidance. Find suitable colors, font pairings, layouts, and interaction patterns, then apply accessibility checks and implementation advice for the technology used in the project.

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

• Plan a consistent visual direction for a new page
• Choose colors and font pairings for a product
• Review forms and navigation for accessibility

Compare a page with search results to identify mismatches in page type, content, and user needs. Receive alignment scores, assessments for different audience profiles, prioritized improvements, and optional outlines of current and proposed page layouts.

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

• Investigate rankings affected by search intent mismatches
• Compare a page format with top search results
• Assess clarity and trust for different audience profiles

Build multi-page Next.js applications from JSON specifications. This skill guides route setup, shared layouts, page metadata, and server-side rendering, which prepares pages on the server, with optional data loading before display.

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

• Build a multi-page app from JSON specifications
• Share navigation and layouts across pages
• Load server data before rendering a page

Build TanStack Start pages from JSON specifications. This skill connects URL routes, shared layouts, server-side data loading, page metadata such as titles, and client navigation, including loading, error, and missing-page displays.

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

• Build multiple pages from JSON specifications
• Share layouts across pages
• Connect dynamic URLs to page data loading

Build web layouts that adapt to screen and component sizes using CSS. Covers flexbox and CSS Grid for arranging content, reusable style variables, fluid text sizing, dark mode, and animations for interactive elements.

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

• Building layouts for phones and larger screens
• Creating cards that adapt to their container
• Managing shared styles and dark mode

Create, edit, and reorganize PowerPoint presentations, or extract text from existing decks. Use templates or build slides from scratch, apply consistent visual styling, and inspect rendered slide images to find content and layout problems.

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

• Create a presentation or pitch deck
• Update slides using an existing template
• Extract slide text for a summary

Create interactive web demos and chat interfaces in Python with Gradio. Connect functions to text, image, audio, and file controls, arrange screen layouts, and define what happens when users click buttons or change inputs.

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

• Turning a Python function into an interactive demo
• Building a chatbot interface
• Adding image and audio inputs and outputs

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

Create or refine OpenClaw public websites and landing pages using existing site patterns. Improve page structure, navigation, imagery, and mobile layouts, then check themes, accessibility, and search-related presentation in a browser.

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

• Building product and campaign landing pages
• Improving navigation and content hierarchy
• Checking mobile layouts and light/dark themes

Create a DESIGN.md guide for generating screens in Google Stitch. Define colors, typography, asymmetric layouts, component states, and motion with precise values and explicit restrictions, giving the agent consistent instructions for a specific visual style.

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

• Set shared design rules for Google Stitch screens
• Define asymmetric page layouts
• Document typography, colors, and interaction behavior

Build a dark dashboard with panels that adapt to screen width. The skill provides CSS for consistent colors, monospace text, panel headers, scrolling content, status badges, and loading or error states.

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

• Building dashboards with multiple information panels
• Adapting panel layouts for phones and large screens
• Standardizing dark colors and monospace text

Extract readable text from PDFs when ordinary file readers return garbled or binary content. The skill guides agents through detecting failed reads and using pdftotext, a command-line PDF text extractor, with layout-preserving options.

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

• Reading PDFs that return garbled text
• Extracting text while preserving page layout
• Working around Python dependency issues in sandboxes

Extract PDF text when read_file returns unreadable binary content or little usable output. Try pdftotext with layout preservation, then use pdfplumber as an alternative when the command is unavailable or produces insufficient text.

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

• Extracting text after read_file returns binary content
• Retrying PDF extraction with empty or very short output
• Extracting text while preserving the PDF layout

Extract readable text from PDFs with pdftotext when read_file returns garbled or binary content. Choose page ranges, preserve text layout where needed, and send the extracted content to standard output or a text file for further processing.

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

• Recovering text when read_file returns garbled content
• Preparing PDF text for search or processing
• Extracting text from selected pages

Inspect and edit Figma files through JavaScript using the Plugin API. Guides changes to text, layout, variables, and components, with incremental steps and visual checks to verify the resulting design.

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

• Inspect pages, components, and variables in a Figma file
• Update text and colors across matching elements
• Adjust auto-layout containers and child sizing

Audit page loading speed with Chrome DevTools MCP, a tool connection for browser inspection. Measure performance indicators, investigate network delays and layout shifts, check accessibility gaps, and produce prioritized fixes with estimated impact and relevant code findings.

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

• Investigate slow page loads
• Find causes of layout shifts
• Identify improvements related to Lighthouse scores

Test and debug rendered web apps by reproducing interaction bugs, checking layouts and console errors, making focused fixes, and validating again. Results include screenshots, observed state changes, and a QA report explaining coverage and remaining gaps.

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

• Reproducing and fixing broken UI interactions
• Checking desktop and mobile layouts
• Investigating blank pages and console errors

Use JavaScript through Figma's Plugin API to inspect file structure and edit design elements, components, variables, and layouts. Follow incremental steps with font loading, returned element IDs, and visual checks to validate changes.

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

• Edit shapes and text in a Figma file
• Set up components, variants, and shared design values
• Adjust auto-layout, fills, and variable bindings

Plan and build frontend interfaces through guided questions, visual references, and agreed design choices. Define colors, typography, and layout before coding, then implement small sections for review, with optional Google Stitch prototyping.

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

• Clarifying a visual direction before building a page
• Designing dashboards from references and brand guidelines
• Reviewing improvements to an existing interface

Build consistent web interfaces with Tailwind CSS using small styling classes. Apply layout, typography, responsive behavior, interaction states, and dark mode patterns, with examples for buttons, page sections, and reusable components.

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

• Building responsive page layouts
• Standardizing buttons and shared components
• Adding dark mode styles

Design a calm, dark workspace with frosted glass panels, multiple columns, and floating information cards. Coordinate navigation, framing, spacing, background depth, and subtle motion into a consistent interface that stacks cleanly on smaller screens.

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

• Designing a dark dashboard or workspace
• Arranging navigation and sidebars around a central view
• Unifying glass panels, buttons, and information cards

Plan or rewrite a SaaS pricing page so visitors can compare options and choose a plan. Produce a page outline, pricing table specifications, FAQs, search metadata, and a layout recommendation based on the offer and audience.

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

• Planning a pricing page for a new SaaS product
• Clarifying differences between pricing plans
• Writing FAQs that address purchase concerns