본문으로 건너뛰기
cccskills

'layout' 검색 결과

2천건 · 관련도순

Recover readable text from PDFs when read_file or Python extraction fails. Use pdftotext, a command-line text extractor, with options to preserve layout, specify character encoding, or save extracted content to a file.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Recovering text after PDF reading fails
  • Extracting text while preserving page layout
  • Saving text from large PDFs to a file
HKUDS/OpenSpace7.8천2026년 8월 13일 업데이트

Choose charts and diagrams that fit the data and the question readers need to answer. Plan layouts and interactions for large screens and mobile devices, or critique existing visuals for misleading comparisons, unclear labels, and hidden information.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Choose a chart for a specific analytical question
  • Review an existing chart for misleading presentation
  • Plan dashboard layouts for desktop and mobile
openai/plugins7.5천2026년 10월 8일 업데이트

pptx

무료

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Create a new presentation from supplied content
  • Reuse an existing presentation template
  • Update slide text and speaker notes
ThinkInAIXYZ/deepchat6.4천2026년 10월 13일 업데이트

adapt

무료

Adapts existing designs for phones, tablets, desktops, print, and email. Adjusts layouts, navigation, content priorities, and touch controls to suit each context, with guidance for responsive sizing and verification across devices and input methods.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adapting a desktop interface for mobile use
  • Adjusting tablet layouts for portrait and landscape
  • Expanding a mobile design for desktop screens
fengshao1227/ccg-workflow5.9천2026년 10월 19일 업데이트

Use when the user mentions SwiftUI layout review, adaptive layout issues, GeometryReader problems, or multi-device layout checking.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

CharlesWiltgen/Axiom1.2천2026년 10월 19일 업데이트

Compose pages and sites that read as their vertical: ecommerce-catalog storefronts that look like storefronts, hospitality-food sites that look like restaurants, b2b-manufacturer sites that look industrial. Use this skill whenever the user wants to build a site that looks like the vertical it serves, fix a build that reads as generic or off-vertical, build to an experience bar produced by competitor-experience-audit, or compose pages with the merchandising, density, and layout conventions a credible site in the category is expected to carry. Triggers on vertical conventions, storefront layout, ecommerce layout, retail conventions, merchandising layout, category page composition, site composition, build to the experience bar, make it look like the vertical, off-vertical, looks generic, build conventions for a vertical, site grammar. Also triggers when a build that is technically clean reads wrong for its category, and the cause is composition, not visual taste.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

rampstackco/claude-skills9742026년 10월 19일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ancoleman/ai-design-components5252025년 12월 11일 업데이트

Build responsive layouts with CSS Grid, Flexbox, and container queries. Use when creating responsive designs, fixing layout issues, or building mobile-first layouts.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

OneWave-AI/claude-skills3542026년 10월 19일 업데이트

Restore legibility to an auto-generated graph diagram that has outgrown its canvas - rendering at single-digit percent scale with sub-pixel labels. Covers the levers that measurably reduce layout units (source-level label wrapping, invisible chain links so unconnected nodes stop spreading into one row, per-cluster splitting, layout direction picked by rendering both and measuring) and the rejected ones (raising the render font is a no-op because layout engines measure in text units; a topology heuristic for direction regressed 13 of 38 diagrams). Use when a generated Mermaid/Graphviz/DOT diagram is too small to read; not for hand-authoring a small diagram.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

pjt222/agent-almanac422026년 10월 15일 업데이트

Fix scattered/torn regions in hex-grid simulated annealing layouts that use "competitive flood-fill" (one tile per region per outer iteration). Use when: (1) regions of >20 tiles end up dispersed instead of forming compact blobs, (2) maxDist/sqrt(N) dispersion ratio is 10×+ worse than the ideal compact blob, (3) tiles assigned to one region show up in multiple disconnected fragments across the layout, (4) the visualization has a "trypophobia ring" pattern at the perimeter where some regions spill into a perimeter spiral, (5) an overflow spiral fallback exists in the layout code and frequently kicks in for large regions, (6) bigger regions look worse than smaller ones (small regions stay compact, big ones shred). Root cause: interleaved competitive flood-fill (round-robin one tile at a time across all regions) lets large regions get boxed in by neighbors before they finish growing — the unfilled remainder is dumped into the overflow spiral at the perimeter, far from the seed. Fix: replace with sequential region-by-region BFS — process regions in size-descending order, fully claim each region's N contiguous tiles before moving to the next.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Disentinel/grafema352026년 8월 24일 업데이트

Configure Dynamic Forms (field and section visibility on Lightning record pages) and Dynamic Actions (button and action visibility rules) in Lightning App Builder — enabling Dynamic Forms, converting page layout fields with the Upgrade Now wizard, writing field visibility rules (field value, profile, permission, record type, device), and controlling action bar visibility. NOT for page layout design or record type assignment — use admin/record-types-and-page-layouts. NOT for a full layout-to-Dynamic-Forms migration across record types or profiles — use admin/dynamic-forms-migration. Keywords: flexipage, fieldInstance, fieldItem, uiBehavior, visibilityRule, booleanFilter, UiFormulaCriterion, actionOverrides, profileActionOverrides, page activation, org default page, App Builder Upgrade Now.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PranavNagrecha/AwesomeSalesforceSkills192026년 10월 4일 업데이트

Layout changes: production-level FLIP layout, additive composition, measurement. Use when implementing, reviewing or testing layout changes for React, Vite, Next.js or Perfect_AI projects.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Realjustawall/Perfect-AI52026년 10월 10일 업데이트

Responsive GNOME layouts: AdwBreakpoint conditions, BreakpointBin, MultiLayoutView, BottomSheet, narrow/wide layout swaps. Use when making an app work on phones or narrow windows.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hanthor/gnome-gui-spec42026년 10월 11일 업데이트

Agents workbench layout — covers the fixed layout structure, grid configuration, part visibility, editor modal, titlebar, sidebar footer, and implementation requirements. Use when implementing features or fixing issues in the Agents workbench layout.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

jcasnellie69/homelab-config22026년 10월 16일 업데이트

Generates complete page layouts and shells for common patterns (dashboard, authentication, settings, CRUD pages) with consistent navigation, layout components, routing structure, and state management placeholders. Use when building "new page", "dashboard layout", "auth pages", or "admin panel structure".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

sathishssj3/Stereix-Engine22026년 10월 4일 업데이트

frontend-design

무료요약 있음AI 평가 100점

새 화면을 제작하거나 기존 화면을 개선할 때 주제와 사용자에 맞는 색상, 글꼴, 배치를 설계하고 화면 문구와 움직임까지 의도에 맞게 다듬습니다.

  • 새 웹사이트의 시각적 디자인 구상
  • 틀에 박힌 느낌의 기존 화면 개선
  • 사용자에 맞는 색상, 글꼴, 배치 검토
anthropics/skills18.2만2026년 10월 10일 업데이트

Design new interfaces or reshape existing ones with colors, typography, and layouts grounded in the subject and audience. It guides planning, implementation, and critique, including interface wording, purposeful motion, mobile layouts, and accessibility.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Plan the visual direction for a new website
  • Redesign an interface that feels generic
  • Choose colors, typefaces, and layout for an audience
anthropics/claude-code15.3만2026년 10월 19일 업데이트

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-skill13.8만2026년 10월 15일 업데이트

Search local design guidance to plan, build, review, or improve web, mobile, and desktop interfaces. Find suitable colors, font pairings, layouts, charts, and interaction patterns, with implementation advice matched to the project's technology.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Choose colors and fonts for a new product
  • Review forms and keyboard accessibility
  • Fix layouts that break on small screens
nextlevelbuilder/ui-ux-pro-max-skill13.8만2026년 10월 15일 업데이트

wireframe

무료

Draft simple black-and-white screen layouts as standalone SVG files, with numbered explanations of each area. For multiple screens, create a flow overview and an optional static viewer page for browsing and zooming during review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Sketch a screen layout before implementation
  • Review mobile and desktop screen structure
  • Map a flow across multiple screens
paperclipai/paperclip10.5만2026년 10월 19일 업데이트

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-design10.2만2026년 10월 19일 업데이트

Create a pre-launch landing page with a brand logo, product message, and email signup form. Follow DESIGN.md for colors, fonts, and layout, producing a single HTML file with mobile layouts and form validation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Create an email waitlist page before a product launch
  • Build a signup page for beta participants
  • Collect interest in an early access program
nexu-io/open-design10.2만2026년 10월 19일 업데이트

Create a hand-drawn HTML wireframe for exploring screen layouts before detailed design. Graph paper, sticky notes, sketch tabs, and rough chart placeholders present an early concept with annotations for discussion and review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Sketching an initial portal or dashboard layout
  • Presenting layout options with labeled sketch tabs
  • Adding review notes to an early screen concept
nexu-io/open-design10.2만2026년 10월 19일 업데이트

Build a single mobile app screen mockup in an iPhone 15 Pro frame. Choose from six layout types, apply the project's design settings, and produce HTML with device details such as the Dynamic Island and status icons.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Mocking up a feed or message list
  • Exploring a profile or product detail screen
  • Presenting a checkout or welcome screen
nexu-io/open-design10.2만2026년 10월 19일 업데이트