850 个 · 按相关度排序
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Choose automatic layouts for diagrams made of connected nodes. Match algorithms and tools to the graph structure, then plan connector routes, overlap handling, and stable placement so readers can follow relationships and edits remain predictable.
中文简介正在准备中。当前显示英语简介。
Create structured web layouts with thin borders, L-shaped corner marks, and subtle diagonal backgrounds. Align sections, headings, controls, and media to a shared grid, with consistent spacing and a single-column layout on narrow screens.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Create, edit, and analyze PowerPoint presentations, including slide content, layouts, comments, and speaker notes. Reuse existing templates or build slides from HTML, then inspect thumbnail previews to identify layout and readability issues.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Build scrollable lists and grids in .NET MAUI using CollectionView. The guidance covers item layouts, selection, grouping, refresh gestures, incremental loading, swipe actions, and empty states, with examples and checks for common implementation mistakes.
中文简介正在准备中。当前显示英语简介。
Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints. Use when structuring app layouts, building responsive designs, or creating complex page structures.
中文简介正在准备中。当前显示原文说明。
Use when designing, auditing, or simplifying Record Types and Page Layouts. Triggers: 'record type', 'page layout', 'different picklist values', 'different fields per team', 'dynamic forms', 'business process', 'recordTypeVisibilities', 'layoutAssignments', 'record type deploy failed', 'businessProcess required', 'layout assignment matrix'. NOT for layout explosion across many profiles — use admin/record-type-strategy-at-scale. NOT for sharing rules — use admin/sharing-and-visibility. NOT for FLS — use admin/permission-sets-vs-profiles.
中文简介正在准备中。当前显示原文说明。
Convert Android XML layouts to Jetpack Compose. Use when asked to migrate XML layouts, convert views to composables, or help with Compose migration. Handles layouts, widgets, attributes, styles, and resource references.
中文简介正在准备中。当前显示原文说明。
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.
中文简介正在准备中。当前显示原文说明。
制作随滚动推进视频和视觉效果的落地页。规划信息与情绪的呈现顺序，准备图片和视频，完成HTML实现，并检查不同滚动位置的页面画面。
为比较界面设计方向，制作两至三个可交互的HTML原型。通过布局、信息密度和视觉风格的差异，以及各方案的优点和不足，帮助确定实施前的设计方案。
将文字或资料制作成比较图、时间线、流程图等信息图。结合21种布局与21种视觉风格，分析内容、设计结构，并保存图像生成提示词和成品图像。
创建、编辑和读取PowerPoint演示文稿与模板，提取文字、合并或拆分幻灯片。检查文件结构和页面显示，并修正文字截断与元素重叠。
在制作新界面或改造现有界面时，根据主题与用户设计配色、字体和布局，并有针对性地调整界面文案与动态效果。
在制作新界面或改造现有界面时，根据主题与用户设计配色、字体和布局，并有针对性地调整界面文案与动态效果。
从本地资料中搜索网页、移动端和桌面端界面的设计指引，查找适合产品的配色、字体和交互规则，并依据项目所用技术，支持界面实现、审查与改进。
将已批准的界面方案或文字需求转为使用Pretext的HTML/CSS，处理文本换行和高度计算，实现随内容变化而调整的动态布局。
遵循现有设计体系，实现适用于手机到大屏幕的界面。整理组件结构与状态管理，支持键盘操作和屏幕阅读器，并完善加载中、无数据及错误状态的显示。
使用信息流、个人资料、结算等六类布局，制作置于iPhone 15 Pro设备边框内的单屏HTML应用模型，便于查看内容安排与界面效果。
将指南或API参考文档设计为导航、正文和页内目录三栏，并制作成单个HTML页面原型。页面包含代码示例和表格，也考虑窄屏及从右向左阅读的布局。
依据具体的字体排版、配色、间距和动效规则实现React或Next.js界面，调整布局与信息密度，涵盖移动端及各类状态显示，并避免千篇一律的外观。