Use when designing or reviewing list views, compact layouts, highlights panels, and search-result presentation so users can scan, find, and act on records quickly across desktop and mobile. Covers the deployable ListView, CompactLayout, SearchLayouts and ProfileSearchLayouts metadata: filterScope, booleanFilter, sharedTo, compactLayoutAssignment, and the package.xml shapes for each. Triggers: 'too many list views', 'compact layout not showing the right fields', 'search layouts vs list views', 'mobile highlights panel', 'list view missing after sandbox refresh', 'deploy a list view between orgs', 'list view column deployed blank', 'compact layout deploy failed', 'compact layout was named in package.xml but was not found in zipped directory'. NOT for page layouts or record types — use admin/record-types-and-page-layouts. NOT for Dynamic Forms — use admin/dynamic-forms-and-actions.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
PranavNagrecha/AwesomeSalesforceSkills☆ 192026년 10월 4일 업데이트
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-skills☆ 1천2026년 7월 15일 업데이트
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/AwesomeSalesforceSkills☆ 192026년 10월 4일 업데이트
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-skill☆ 13.7만2026년 10월 15일 업데이트
Review fixed pixel values in fonts, widths, and spacing, then suggest relative units that adapt to available space and browser font preferences. Check rendered layouts at different screen widths and during interactions before proposing changes.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Adapting text to browser font size preferences
- Replacing fixed widths with flexible layouts
- Reviewing spacing units within components
thedaviddias/Front-End-Checklist☆ 7.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/agents☆ 4.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-copilot☆ 4만2026년 10월 17일 업데이트
Build accessible interfaces with shadcn/ui components and Tailwind CSS styling. Create forms, tables, and layouts that adapt to screen size, then coordinate colors, spacing, and dark mode across the application.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build forms with keyboard navigation
- Adapt layouts for phones and desktops
- Unify colors and dark mode
nextlevelbuilder/ui-ux-pro-max-skill☆ 13.7만2026년 10월 15일 업데이트
Build a website prototype as a single HTML file using a supplied template and section layouts. Suitable for landing pages, pricing pages, and documentation indexes, with colors adapted to an existing design system.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Prototyping a product landing page
- Creating a pricing comparison page
- Designing a documentation index
nexu-io/open-design☆ 10.2만2026년 10월 19일 업데이트
Read, create, and adjust PowerPoint presentations, including slide layouts and templates. Use it for executive decks, training materials, and product reviews; the catalogue entry points agents to an upstream bundle containing the full workflow and supporting files.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create a presentation for executives
- Prepare training slides
- Build a product review deck
nexu-io/open-design☆ 10.2만2026년 10월 19일 업데이트
Generate a DESIGN.md file for Google Stitch that defines colors, typography, layouts, component states, and motion. Clear descriptions and exact values give the screen-generation agent a shared reference, including explicit rules against generic design patterns.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Defining shared design rules for Google Stitch screens
- Documenting colors, typography, and component behavior
- Specifying mobile layouts and animation rules
nexu-io/open-design☆ 10.2만2026년 10월 19일 업데이트
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-Checklist☆ 7.5만2026년 10월 6일 업데이트
Review CSS layouts for unwanted horizontal scrolling on narrow screens and at high browser zoom. Identify fixed widths, overflowing media, and unbroken text, then apply layout fixes that keep content readable within the viewport.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Fix horizontal scrolling on mobile pages
- Check page layouts at 400% browser zoom
- Review wrapping for long URLs and large images
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
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-Checklist☆ 7.5만2026년 10월 6일 업데이트
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
anthropics/claude-cookbooks☆ 5.4만2026년 10월 17일 업데이트
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/OpenMAIC☆ 4.1만2026년 10월 19일 업데이트
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
davila7/claude-code-templates☆ 3.3만2026년 10월 18일 업데이트
Operate apps and websites by inspecting screenshots, clicking controls, typing, and dragging. Use it to fill forms, check layouts, and test complete user flows, with recorded actions available for replay and review.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Fill forms and use file upload dialogs
- Test buttons and complete user flows
- Check layouts and capture screenshots
trycua/cua☆ 3만2026년 10월 19일 업데이트
Create and maintain reusable Jira issue descriptions and Confluence page structures for meeting notes, requirements, decisions, and other shared documents. The skill guides template design, generates Confluence markup, and covers validation, versioning, deployment, and usage instructions.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Standardizing meeting notes and decision logs
- Creating Jira bug report and user story templates
- Designing shared project document layouts
alirezarezvani/claude-skills☆ 2.8만2026년 8월 30일 업데이트
Customize cmux shortcuts, commands, workspace layouts, and viewer settings while preserving existing configuration. It identifies the right settings file, distinguishes app preferences from terminal preferences, and validates that actions and controls appear where expected.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Adding a custom action to the Command Palette
- Saving project-specific workspace layouts and commands
- Adjusting viewer settings and browser routing
manaflow-ai/cmux☆ 2.8만2026년 10월 19일 업데이트
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
handsontable/handsontable☆ 2.2만2026년 10월 19일 업데이트
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
vercel-labs/json-render☆ 1.9만2026년 10월 14일 업데이트
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
vercel-labs/json-render☆ 1.9만2026년 10월 14일 업데이트
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
huggingface/skills☆ 1.1만2026년 10월 9일 업데이트