본문으로 건너뛰기
cccskills

'layout' 검색 결과

2.1천건 · 관련도순

Check whether production CSS is minified, meaning unnecessary spaces, comments, and verbose syntax are removed to reduce file size. Review build settings and rendered layouts, then suggest suitable minification tools or framework settings.

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

  • Checking production CSS minification
  • Adding minification to a build process
  • Reviewing CSS output from PostCSS
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Measure CLS, a score for unexpected movement of page content, and identify what causes it. Review image dimensions, reserved advertising space, fonts, and animations to recommend changes that reduce reading interruptions and accidental clicks.

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

  • Investigating content that moves while a page loads
  • Reserving space for images, embeds, and advertising
  • Reviewing fonts and animations for layout stability
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Apply shared visual and writing rules to course pages, figures, and manuals. Check colors, fonts, labels, layouts, plain technical English, dark themes, keyboard focus, touch targets, and reduced-motion behavior against defined reference values.

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

  • Applying consistent colors and fonts to course pages
  • Checking dark theme colors and text readability
  • Standardizing figure labels and card layouts
rohitg00/ai-engineering-from-scratch7.1만2026년 10월 19일 업데이트

opentui

무료

Build interactive terminal screens with OpenTUI using its core API, React, or Solid. Guides framework selection, components, layout, keyboard input, animations, and testing, with references for project setup and troubleshooting.

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

  • Starting an OpenTUI project with React or Solid
  • Building terminal forms and selection menus
  • Adapting layouts to terminal dimensions
cline/cline7.1만2026년 10월 19일 업데이트

frontend

무료

Builds and improves web interfaces, covering layout, styling, motion, and usability. It records design rules before implementation, uses supplied references or design research, and checks the result in real browsers for visual consistency, accessibility, and performance.

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

  • Building a landing page from a screenshot or website reference
  • Improving an existing dashboard’s layout and visual design
  • Adding animation and interaction feedback
code-yeongyu/oh-my-openagent7만2026년 10월 19일 업데이트

Create and revise fixed-layout PDFs such as reports, guides, and printable documents. The skill also covers reading, merging, splitting, cropping, and filling existing PDFs, with rendering checks and visual review before delivery.

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

  • Create reports and printable guides as PDFs
  • Revise the content or layout of a PDF document
  • Merge, split, or crop existing PDFs
asgeirtj/system_prompts_leaks7만2026년 10월 16일 업데이트

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-cookbooks5.4만2026년 10월 17일 업데이트

Turn work history, education, and skills into a complete resume for Reactive Resume. Gather missing facts through conversation and produce JSON, a structured data format, with the chosen template and layout.

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

  • Create a new resume through conversation
  • Convert work history into Reactive Resume JSON
  • Choose a resume template and section order
reactive-resume/reactive-resume4.5만2026년 10월 18일 업데이트

Organize Python projects with clear file responsibilities, directory layouts, and public interfaces—the functions and classes intended for other code to use. Covers new projects, existing code reorganization, test placement, package exports, and dependency direction.

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

  • Planning the layout of a new Python project
  • Splitting files with unrelated responsibilities
  • Defining public interfaces with __all__
wshobson/agents4.1만2026년 10월 19일 업데이트

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
THU-MAIC/OpenMAIC4.1만2026년 10월 19일 업데이트

Plan Power BI reports around business goals and audience needs. Get recommendations for chart types, page layouts, filters, navigation, mobile views, and accessibility, along with design specifications and a framework for reviewing usability.

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

  • Plan an executive dashboard with key metrics
  • Choose charts for comparisons and trends
  • Improve filters and navigation to detailed data
github/awesome-copilot4만2026년 10월 12일 업데이트

Create breadboard layout diagrams with HTML5 Canvas to show electronic components and wire connections. Use the skill for LED circuits, 555 timers, and 6502 computer projects, with component references, labels, and color-coded wiring.

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

  • Plan component placement for an LED circuit
  • Draw a breadboard layout for a 555 timer
  • Visualize wiring for a 6502 computer
github/awesome-copilot4만2026년 10월 17일 업데이트

reskin

무료

Creates a new domain-specific skin for reskinnable-demo, combining branding, layouts, pages, data, tools, and an agent. Structures live sales demonstrations around visible AI interactions, including generated interfaces, shared state, confirmations, and memory features.

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

  • Creating a live sales demo for a different industry
  • Changing branding, layouts, and data together
  • Demonstrating shared state and human confirmations
CopilotKit/CopilotKit3.8만2026년 10월 19일 업데이트

Rebuild existing web pages as working, editable local code using their actual content and assets. Inspect desktop and mobile layouts, reproduce interactions and animations, then compare rendered pages and fix visible or functional differences.

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

  • Recreating an existing page in a local app
  • Matching desktop and mobile layouts
  • Reproducing Framer pages and scroll animations
JCodesMore/ai-website-cloner-template3.7만2026년 10월 5일 업데이트

Improve resume layouts with consistent fonts, spacing, section order, and clear headings. The skill recommends formatting that supports quick reading by recruiters and text parsing by applicant tracking systems, with guidance on file formats.

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

  • Cleaning up a cluttered resume
  • Reviewing formatting for applicant tracking systems
  • Standardizing fonts, dates, and headings
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Design and review web and mobile interfaces using searchable guidance on colors, fonts, layouts, charts, and interaction. Generate a consistent design plan, then apply framework-specific advice and checks for accessibility, responsiveness, and visual consistency.

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

  • Choose colors and fonts for a new app
  • Design a dashboard and select suitable charts
  • Review forms for accessibility and ease of use
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.

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

  • Preparing a design for developer handoff
  • Documenting layout changes across screen sizes
  • Specifying loading, empty, and error states
anthropics/knowledge-work-plugins3만2026년 10월 19일 업데이트

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/cua3만2026년 10월 19일 업데이트

Add or troubleshoot Table v9 features such as sorting, filtering, pagination, selection, merged cells, and column layout. Guidance helps check feature registration, dependencies, and row-processing settings, with references selected for the task.

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

  • Adding sorting, filtering, and pagination
  • Investigating missing table APIs or state
  • Configuring row selection, cell selection, or merged cells
TanStack/table2.9만2026년 10월 13일 업데이트

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-skills2.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/cmux2.8만2026년 10월 19일 업데이트

Build and review JetBrains plugin interfaces using Swing and IntelliJ Platform components. Follow concrete rules for layouts, theme colors, fonts, spacing, dialogs, and tool windows while keeping shared style values consistent.

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

  • Building tool windows and settings screens
  • Reviewing theme colors, fonts, and spacing
  • Choosing components for dialogs and notifications
Kilo-Org/kilocode2.8만2026년 10월 19일 업데이트

Turn source text and data into infographics, images that explain information visually. The skill recommends combinations of 21 layouts and 22 visual styles, then generates images with a chosen language and aspect ratio.

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

  • Illustrating a process or timeline
  • Comparing products across several criteria
  • Turning metrics into a visual dashboard
JimLiu/baoyu-skills2.7만2026년 9월 11일 업데이트

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