跳到正文
cccskills

“layout”的搜索结果

2046 个 · 按相关度排序

Guides Avalonia interface layout with Zafiro.Avalonia, using shared styles, reusable components, and purpose-specific containers. Helps reduce repeated XAML, the markup used to define interfaces, and simplify deeply nested layouts.

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

  • Simplifying deeply nested screen layouts
  • Sharing styles across multiple screens
  • Extracting reusable interface components
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

Design reusable Figma components, flexible layouts, and shared design systems. Get guidance on managing colors and spacing, supporting themes and screen sizes, and preparing clear specifications and assets for developers.

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

  • Organizing reusable components and their variants
  • Building layouts that adapt to different screen widths
  • Managing shared colors, spacing, and light or dark themes
RightNow-AI/openfang1.8万2026年7月2日 更新

Review and improve interface grouping, alignment, spacing, and responsive structure. Check whether content and actions remain accessible when screens resize, text grows in translation, zoom increases, or the layout switches to right-to-left reading.

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

  • Checking clipping and overlap on narrow screens or at higher zoom
  • Preparing layouts for longer translated text
  • Reviewing right-to-left layouts
jakubkrehel/skills80442026年10月13日 更新

Build OpenBot administration and settings screens with shared layout components. Provides consistent page widths, row structures, control sizes, and dialog layouts, including patterns for switches, editable summaries, and read-only values.

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

  • Adding an administration or settings page
  • Adding a settings row to an existing screen
  • Choosing between a switch and an editing dialog
CopilotKit/OpenBot66732026年10月19日 更新

Build and refine layouts that rearrange across phone, tablet, and desktop widths. The skill addresses grids, text sizes, spacing, overflow, touch controls, and navigation so content remains readable and controls remain usable as the screen changes.

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

  • Fixing layouts that break on narrow screens
  • Adjusting grids for tablet and small laptop widths
  • Improving touch targets and tap interactions
miqdadbadjuber/anti-slop65172026年10月16日 更新

arrange

免费

Improve interface layouts by reviewing spacing, alignment, content density, and visual hierarchy, the cues that show what matters most. Refine repetitive card grids and crowded sections into compositions with consistent spacing and responsive structure.

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

  • Adjusting spacing in a crowded interface
  • Making important content easier to spot
  • Varying repetitive card-based layouts
fengshao1227/ccg-workflow59432026年10月19日 更新

Guidance for implementing CollectionView in .NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templates, incremental loading, swipe actions, and pull-to-refresh. USE FOR: "CollectionView", "list view", "grid layout", "data template", "item template", "grouping", "pull to refresh", "incremental loading", "swipe actions", "empty view", "selection mode", "scroll to item", displaying scrollable data, replacing ListView. DO NOT USE FOR: simple static layouts without scrollable data (use Grid or StackLayout), map pin lists (use Microsoft.Maui.Controls.Maps), table-based data entry forms, non-MAUI list controls, CarouselView or BindableLayout questions, platform-specific handler or renderer customization, diagnosing CollectionView bugs in the MAUI framework itself, or general MVVM/binding questions that merely happen to mention a list (use maui-data-binding).

中文简介正在准备中。当前显示原文说明。

dotnet/skills56772026年10月18日 更新

Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.

中文简介正在准备中。当前显示原文说明。

am-will/codex-skills10372026年7月15日 更新

layout

免费

SwiftUI layout beyond stacks — the Layout protocol (when custom layout beats GeometryReader), Grid vs lazy grids, custom containers with sections and container values, and lazy-stack/ScrollView performance rules (what breaks laziness, prefetch discipline, scroll APIs). Use when building custom layouts or containers, fixing lazy-stack jank or memory growth, or wiring programmatic/snapping scrolling.

中文简介正在准备中。当前显示原文说明。

rshankras/claude-code-apple-skills8132026年7月24日 更新

Guidance for implementing CollectionView in .NET MAUI apps — data display, layouts (list & grid), selection, grouping, scrolling, empty views, templates, incremental loading, swipe actions, and pull-to-refresh. USE FOR: "CollectionView", "list view", "grid layout", "data template", "item template", "grouping", "pull to refresh", "incremental loading", "swipe actions", "empty view", "selection mode", "scroll to item", displaying scrollable data, replacing ListView. DO NOT USE FOR: simple static layouts without scrollable data (use Grid or StackLayout), map pin lists (use Microsoft.Maui.Controls.Maps), table-based data entry forms, non-MAUI list controls, CarouselView or BindableLayout questions, platform-specific handler or renderer customization, diagnosing CollectionView bugs in the MAUI framework itself, or general MVVM/binding questions that merely happen to mention a list (use maui-data-binding).

中文简介正在准备中。当前显示原文说明。

managedcode/dotnet-skills4902026年10月17日 更新

Avalonia Layout with Zafiro.Avalonia workflow skill. Use this skill when the user needs Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

中文简介正在准备中。当前显示原文说明。

diegosouzapw/awesome-omni-skills1622026年7月8日 更新

Migrating standard Lightning Record Page layouts (Page Layouts on the Record Detail component) to Dynamic Forms — converting fields and sections to component-level placement, replacing record-type-driven layouts with field-visibility filters, retaining or replacing Quick Action layouts, planning custom-object vs standard-object rollout, and verifying field-level security and Reading View parity. NOT for Dynamic Forms initial setup (use admin/dynamic-forms-and-actions) or Lightning Record Page design from scratch (use admin/lightning-app-builder-advanced).

中文简介正在准备中。当前显示原文说明。

PranavNagrecha/AwesomeSalesforceSkills192026年10月4日 更新

Expert in ALL computational collage composition: photo mosaics, grid layouts, scrapbook/journal styles, magazine editorial, vision boards, mood boards, social media collages, memory walls, abstract/generative arrangements, and art-historical techniques (Hockney joiners, Dadaist photomontage, Surrealist assemblage, Rauschenberg combines). Masters edge-based assembly, Poisson blending, optimal transport color harmonization, and aesthetic optimization. Activate on 'collage', 'photo mosaic', 'grid layout', 'scrapbook', 'vision board', 'mood board', 'photo wall', 'magazine layout', 'Hockney', 'joiner', 'photomontage'. NOT for simple image editing (use native-app-designer), generating new images (use Stability AI), single photo enhancement (use photo-composition-critic), or basic image similarity search (use clip-aware-embeddings).

中文简介正在准备中。当前显示原文说明。

curiositech/windags-skills162026年10月14日 更新

Implements responsive and adaptive layouts in Flutter using flutter_screenutil v5.9.x (pixel-perfect scaling from Figma), sizer v3.1.x (percentage-based viewport), and responsive_framework v1.1.x (breakpoint-driven structure changes). Use this skill when building apps for multiple screen sizes (phones, tablets, foldables, desktop, web), fixing layout overflow or sizing issues, implementing breakpoint-based adaptive UI, creating pixel-perfect designs from Figma specs, handling orientation changes, supporting Flutter web or desktop responsive layouts, or any time the words 'responsive', 'screenutil', 'sizer', 'breakpoint', 'adaptive layout', or 'screen size' appear in the request. Includes a decision matrix for selecting the correct package per scenario.

中文简介正在准备中。当前显示原文说明。

Poorgramer-Zack/dart-expert-skills72026年8月11日 更新

Expert in ALL computational collage composition: photo mosaics, grid layouts, scrapbook/journal styles, magazine editorial, vision boards, mood boards, social media collages, memory walls, abstract/generative arrangements, and art-historical techniques (Hockney joiners, Dadaist photomontage, Surrealist assemblage, Rauschenberg combines). Masters edge-based assembly, Poisson blending, optimal transport color harmonization, and aesthetic optimization. Activate on 'collage', 'photo mosaic', 'grid layout', 'scrapbook', 'vision board', 'mood board', 'photo wall', 'magazine layout', 'Hockney', 'joiner', 'photomontage'. NOT for simple image editing (use native-app-designer), generating new images (use Stability AI), single photo enhancement (use photo-composition-critic), or basic image similarity search (use clip-aware-embeddings).

中文简介正在准备中。当前显示原文说明。

curiositech/port-daddy32026年10月18日 更新

slides

免费

Create HTML presentations for marketing, pitches, and data-driven explanations. Use Chart.js graphs, reusable design settings, responsive layouts, and writing formulas to shape slide content and choose layouts suited to the presentation's purpose.

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

  • Creating marketing presentation slides
  • Building a pitch deck
  • Explaining data with Chart.js graphs
nextlevelbuilder/ui-ux-pro-max-skill13.8万2026年10月15日 更新

Review mobile and tablet pages in portrait and landscape. Identify orientation locks, blocking rotation messages, and hidden controls, then suggest responsive layout changes so essential content and actions remain usable in both orientations.

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

  • Checking mobile and tablet orientation support
  • Reviewing forms after device rotation
  • Inspecting dashboard and media layouts
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

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
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

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
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

css-grid

免费

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
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

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
wshobson/agents4.1万2026年10月19日 更新

Analyze a reference PowerPoint deck without changing it. Extract its structure, colors, typography, and layout patterns to inform a new presentation, and inspect the underlying package for broken links or malformed document data.

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

  • Analyze colors, fonts, and layout patterns in a reference deck
  • Build a catalog of reference slide layouts
  • Run diagnostics across a folder of PowerPoint decks
wshobson/agents4.1万2026年10月19日 更新

Build a new course using the visual design of an existing slide deck. Copy suitable layouts, replace their text and other content, check for leftover material and overflow, and generate narration while preserving the deck's colors, typography, and composition.

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

  • Creating a course in an existing deck's visual style
  • Reusing slide layouts for a different teaching topic
  • Replacing content while preserving colors and typography
THU-MAIC/OpenMAIC4.1万2026年10月19日 更新

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
github/awesome-copilot4万2026年10月17日 更新