'styling' 검색 결과

Turn supplied content into resumes, one-page summaries, reports, and slide decks using editorial templates. Produce HTML and PDF documents with content and layout checks, or create a static product landing page with consistent typography and colors.

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

• Format a resume as a PDF
• Condense a proposal into a one-page summary
• Create slides for a presentation

Build the user interface for a holaOS app whose data resources are already connected through the SDK. Choose a feed, table, kanban board, form, or calendar layout using shared components and workspace styling.

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

• Display scheduled items in a chronological feed
• Show CRM contacts or tickets in a table
• Organize issues by status on a kanban board

Turn implementation plans, pull request changes, and technical concepts into HTML visual explanations with Plannotator styling. Present diagrams, mockups, and review priorities through an annotation interface, with approval controls for plans and proposals.

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

• Presenting an implementation plan for approval
• Explaining code changes and review priorities
• Illustrating system architecture and data flow

Turn supplied text or data into an X-style post card for video overlays or image sharing. Create a single HTML file with profile details, engagement counts, and light or dark styling in landscape or square formats.

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

• Creating post cards for video overlays
• Preparing quotes for sharing as images
• Summarizing data as a short post card

Turn a supplied story, question, or joke into a Reddit-style post card for video overlays or social sharing. The single HTML file includes voting arrows, comment counts, post details, and a choice of light or dark styling.

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

• Adding a story card over a video
• Sharing a question as a Reddit-style card
• Presenting a joke in a social post format

Create a printable, single-page A4 invoice with sender and billing details, itemized charges, tax breakdowns, totals, and payment instructions. The layout includes invoice dates and deadlines, with print styling that preserves color contrast.

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

• Preparing an A4 invoice for printing
• Listing quantities, unit prices, and amounts
• Presenting tax breakdowns and totals

Design white, magazine-style slides for Xiaohongshu image posts and landscape presentations. Rainbow bars, large gradient headlines, pastel cards, and black emphasis labels provide a consistent visual style for presenting key points and quotations.

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

• Designing image posts for Xiaohongshu
• Styling a landscape presentation
• Organizing key points into pastel cards

Create a macOS-style notification banner from an announcement or message, complete with an app icon, title, and body text. The single-file HTML design supports frosted-glass styling, light or dark appearances, and placement over video.

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

• Creating a notification overlay for a video corner
• Designing a product announcement banner
• Presenting an announcement as a notification-style social image

Build a magazine-style presentation with a paper-and-ink look. Ten reusable layouts cover narratives, data, quotes, and comparisons, while five fixed palettes provide consistent styling in a single HTML file with keyboard navigation.

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

• Sharing a viewpoint through a magazine-style presentation
• Highlighting figures and quotes
• Explaining steps or before-and-after comparisons

Design a two-page digital guide preview that pairs a cover with a lesson page. Soft beige styling brings together the author, content highlights, a prominent quotation, and step lists for creator-brand promotional materials.

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

• Designing a preview for a free promotional guide
• Presenting a lesson as a two-page spread
• Creating a guide preview for a creator brand

Review and fix interface accessibility against WCAG 2.2, a web accessibility standard. Check keyboard navigation, focus, screen reader labels, forms, motion, and zoom, then report failures with their criteria and implement fixes using the project's existing styling system.

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

• Check flows using only the keyboard
• Fix control names and screen reader announcements
• Improve form labels and error feedback

Set and review how interface text renders, including font loading, size hierarchy, line spacing, wrapping, truncation, and punctuation. Apply fixes within the existing styling system and check how realistic content behaves across different widths.

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

• Organize heading and body text sizes
• Fix wrapping and truncated text
• Keep changing numbers aligned

Build web pages and interface components with a clear visual direction suited to their purpose and audience. The skill guides typography, color, layout, and animation, turning design choices into working frontend code.

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

• Building a landing page with a distinctive visual style
• Designing a dashboard with a consistent look
• Refining the typography, spacing, and colors of an existing web UI

Build TypeScript interface panels with badges, thumbnails, and colors driven by data. Organize shared behavior in a base class, including fetch retries, error recovery, and saved panel size and expansion state.

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

• Building a news panel with thumbnails
• Adding badges colored by data source
• Preserving panel size and expansion state

Add a dashboard or admin panel across the server and interface. This skill follows existing project patterns to build API routes, service logic, components, registration, and styles, then connects request handlers so the new endpoint is reachable.

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

• Adding a new dashboard panel
• Building an admin feature across the server and interface
• Connecting a new API handler to server routing

Analyze an existing codebase to identify reusable design patterns in components, services, APIs, styling, and refresh scheduling. Produces structured descriptions with representative code, conventions, dependencies, and adaptation notes for reuse or later conversion into skills.

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

• Understanding the structure of a large codebase
• Extracting reusable component and service designs
• Following an existing project's conventions in a new project

Build a dark dashboard with panels that adapt to screen width. The skill provides CSS for consistent colors, monospace text, panel headers, scrolling content, status badges, and loading or error states.

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

• Building dashboards with multiple information panels
• Adapting panel layouts for phones and large screens
• Standardizing dark colors and monospace text

Create Excel files with openpyxl, a Python spreadsheet library, by switching to shell execution when sandbox tools fail. Examples cover cell styling, formulas, merged cells, multiple sheets, error reporting, and checking that the output file exists.

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

• Retrying Excel creation after sandbox failures
• Creating spreadsheets with styles and formulas
• Building workbooks with multiple sheets

Create multi-page PDFs with headings, tables, and consistent styling using reportlab, a Python library for building PDF documents. Run code directly through run_shell to control margins and page breaks when shell_agent document creation is unreliable.

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

• Creating multi-page reports with tables
• Adjusting document margins and page breaks
• Generating PDFs when shell_agent creation fails

Find and inspect UI components in MagicPath, add them to an app, and adapt their behavior and styling. Apply themes or create and edit canvas components from code, including work based on an existing repository interface.

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

• Find UI components and add them to an app
• Apply a MagicPath theme to an interface
• Create or edit a component on the canvas

Create and edit FigJam boards through Figma's use_figma tool. Organize meeting or brainstorming content with sections, sticky notes, shapes, connectors, and tables, and inspect existing board elements before updating their text, styling, or positions.

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

• Prepare a brainstorming board with sticky notes
• Build a retrospective or meeting board
• Draw diagrams with shapes and connectors

Build pages and components, or refine spacing, color, and typography in existing interfaces. Use product styles and visual references to guide decisions, then check the rendered result across relevant screen sizes.

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

• Building a new page or component
• Refining spacing and typography in an existing screen
• Improving an interface using screenshots

Create and edit FigJam boards through Figma's use_figma tool. Organize meeting or brainstorming content with sections, sticky notes, shapes, connectors, and tables, and inspect existing board elements before updating their text, styling, or positions.

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

• Prepare a brainstorming board with sticky notes
• Build a retrospective or meeting board
• Draw diagrams with shapes and connectors

Build consistent web interfaces with Tailwind CSS using small styling classes. Apply layout, typography, responsive behavior, interaction states, and dark mode patterns, with examples for buttons, page sections, and reusable components.

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

• Building responsive page layouts
• Standardizing buttons and shared components
• Adding dark mode styles