“styling”的搜索结果

将输入的文字或数据整理成带点赞、转发和浏览量的X风格帖子卡片，生成单个HTML文件，用于视频叠加或图片分享。

• 在视频上叠加帖子卡片
• 把精彩语句制作成分享卡片
• 将输入数据概括成简短帖子

根据代码或文字说明创建、更新Figma界面，使用设计系统的组件，以及颜色、间距等共享视觉设置，将应用页面转换为Figma设计。

• 将应用代码转换为Figma设计
• 根据文字说明创建界面
• 使用共享组件更新界面

从页面用途和目标用户出发确定设计方向，将网页与界面组件实现为可运行的代码，并统一字体、配色、留白和动画，使整体视觉保持一致。

• 制作设计方向明确的落地页
• 改善仪表板布局与文字排版
• 创建配色与动效统一的React组件

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

Review HTML list structure so screen readers can identify lists and announce item counts. Find list items without valid containers, check custom accessibility roles, and guide fixes to markup used for navigation or styling.

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

• Review list markup split across components
• Fix navigation lists with invalid nesting
• Check parent roles for custom lists

Review JavaScript that changes a parent element’s appearance based on its children. Find opportunities to replace class toggling with CSS :has() rules, and explain how those rules express conditions involving child elements.

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

• Replacing JavaScript class toggling with CSS
• Styling form containers based on input state
• Changing parent styles when child content exists

Find empty headings or headings containing only whitespace in rendered web pages. Guide fixes by adding descriptive text or removing unnecessary heading tags, helping screen reader users navigate a meaningful document structure.

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

• Find empty headings in web pages
• Review components that use headings only for styling
• Check heading navigation with a screen reader

Create mathematical and geometric animations in Python with Manim Community Edition. Use guidance, examples, and scene templates to structure animations, display equations, plot graphs, control cameras, and render two-dimensional or three-dimensional scenes.

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

• Animating equations and derivations
• Creating function graphs and area visualizations
• Building 3D surfaces with camera movement

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

Style Three.js objects with realistic, cartoon, or custom materials. Choose material types, adjust textures and reflections, create glass or metal effects, and use shader code for custom appearance while considering rendering performance.

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

• Give 3D objects metal or glass surfaces
• Create cartoon-style shading
• Adjust textures and environmental reflections

Create a reusable design guide covering colors, typography, layout, and motion. Extract styles from existing sources or start from scratch, then turn the guide into instructions or code for supported video, slide, and design tools.

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

• Creating a design guide from a desired mood
• Extracting visual rules from a website or brand PDF
• Applying one style to videos, slides, and designs

Turn a product URL, script, or brief into a launch or promotional video in HyperFrames. The workflow covers source capture, brand styling, storyboards, narration, music, and animated scenes, including tours that feature actual website screenshots.

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

• Create a SaaS or app launch video
• Introduce a new product feature
• Turn a supplied script into a promotional video

Style slides in an existing HTML presentation using documented CSS classes and component patterns. The skill covers two-column comparisons, cards, warning boxes, and code coloring, along with rules for automatically displayed slide badges.

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

• Arranging before-and-after examples in two columns
• Coloring code examples by syntax
• Formatting key concepts, actions, and warnings

Apply corporate brand standards to PowerPoint, Excel, and PDF documents. The skill guides colors, fonts, layouts, logo placement, and writing style, with scripts for applying formatting and checking compliance.

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

• Creating presentations with consistent corporate branding
• Standardizing spreadsheet tables and charts
• Checking PDF layouts and writing style

Create scientific charts in Python with detailed control over axes, colors, labels, legends, and layout. Arrange multiple plots in one figure and export PNG, PDF, or SVG files for papers and presentations.

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

• Create charts from experimental data
• Arrange multiple plots in one figure
• Adjust colors, labels, and annotations

Use the paid Beatra service to turn photos into anime, manga, watercolor, or other character art. The guide covers installing a verified package, approving individual paid calls, and reviewing likeness and style consistency.

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

• Turning photos into anime or manga art
• Restyling photos as watercolor or 3D characters
• Reviewing likeness and style consistency across a set

Create presentation drafts from text, outlines, or documents through the 2slides API. Match a reference image's style, choose themes, add AI voice narration, and export slide images or audio for review and use.

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

• Create a presentation from text or an outline
• Summarize a document into slides
• Match slide styling to a reference image

Design reusable interface components in React, Vue, and Svelte. Organize how components fit together, define clear configuration options, and choose styling approaches while addressing accessibility, responsive layouts, and maintenance across component libraries or design systems.

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

• Build a reusable UI component library
• Standardize component options across a design system
• Refactor complex existing components

Create a landing page from an interview about the product, audience, and brand preferences. Use Stitch to generate and refine designs, then package approved HTML with design documentation and a deployment checklist.

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

• Create a product landing page without a visual direction
• Turn brand preferences into colors and typography
• Compare page designs and refine them through feedback

Create a new course page by copying an existing page and replacing its content while preserving the layout and styling. Check for leftover source text, then generate narration and verify that its audio matches the new subject.

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

• Create a new page using an existing layout
• Reuse a page from an imported slide deck
• Split lengthy content across matching pages

Consult a field reference for slide JSON, the structured data behind each page. It explains where content and styling live, how edits are validated, and why a saved change may display differently or have no visible effect.

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

• Finding the field that controls text color or fonts
• Investigating rejected slide edits
• Diagnosing saved changes with no visible effect

Create and edit draw.io files for workflows, system architecture, database relationships, and service interactions. Organize shapes and connectors, apply consistent styling, and check file structure so diagrams can be opened and edited in draw.io.

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

• Turn business processes into flowcharts
• Document system components and connections
• Diagram database tables and relationships

Structure Avalonia interfaces with Zafiro.Avalonia using shared styles, reusable components, and purpose-built layout containers. Guides reductions in duplicated XAML, the interface markup, and deeply nested layouts, while covering themes, icons, and interaction behavior.

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

• Consolidating repeated visual settings into shared styles
• Simplifying deeply nested screen layouts
• Extracting repeated layouts into reusable components

Build custom interactive charts, maps, and network diagrams with d3.js. The skill guides data preparation, styling, resizing, and interactions such as zooming and tooltips, giving detailed control over how data appears and responds to users.

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

• Creating charts beyond standard library options
• Exploring relationships in a network diagram
• Adding zoom and tooltips to visualizations