'bar' 검색 결과

Build, refactor, or review macOS menubar apps that use Tuist and SwiftUI. Use when creating or maintaining LSUIElement menubar utilities, defining Tuist targets/manifests, implementing model-client-store-view architecture, adding script-based launch flows, or validating reliable local build/run behavior without Xcode-first workflows.

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

AdwHeaderBar layout rules: button placement, flat/icon-only buttons, tooltips, title widgets, split buttons. Use when designing or fixing a GNOME app's header bar.

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

데스크톱 대시보드 구성을 회색 블록으로 표현한 단일 HTML 와이어프레임을 만듭니다. 색상과 사진을 정하기 전에 정보 우선순위와 배치를 확인할 수 있습니다.

• 대시보드 배치 검토
• 탐색 메뉴와 정보 우선순위 검토
• KPI·차트·표 배치 검토

앱의 환영, 가치 소개, 로그인 화면을 스마트폰 틀 세 개에 나란히 배치합니다. 첫 사용 안내 흐름을 하나의 HTML 원형으로 확인할 수 있습니다.

• 명상 앱의 첫 사용 안내를 만들 때
• 앱의 가치를 전달하는 방식을 검토할 때
• 환영부터 로그인까지의 흐름을 제시할 때

관리 화면이나 분석 대시보드의 시안을 단일 HTML 파일로 만듭니다. 기존 디자인에 맞춰 주요 지표 카드, 차트, 표를 배치합니다.

• 매출 대시보드 시안 제작
• 방문 및 사용 현황 분석 화면 검토
• 운영 현황을 확인하는 관리 화면 설계

습관과 일상 할 일을 퀘스트로 보여 주는 모바일 앱 시제품을 만듭니다. 표지, 오늘의 목록, 상세 화면을 하나의 HTML에 담고 경험치와 레벨, 단계 및 보상을 표현합니다.

• 게임 요소가 있는 습관 앱 시제품 만들기
• 경험치가 있는 일일 할 일 목록 검토하기
• 단계와 보상이 있는 퀘스트 상세 설계하기

곡, 팟캐스트, 자기소개를 표지와 진행 막대, 재생 조작 모양 아이콘이 있는 Spotify 스타일 카드로 만들고, 영상이나 개인 사이트용 HTML로 정리합니다.

• 영상 위에 재생 중 카드 표시
• 개인 사이트에서 좋아하는 곡 소개
• 팟캐스트 제목과 제작자 소개

CSV나 JSON 데이터 또는 글로 쓴 결론을 신문 기사 형식의 도표로 만듭니다. 꺾은선, 막대, 범위 띠와 단계별 애니메이션으로 영상과 소셜 미디어에 결론을 전합니다.

• 영상에서 데이터 변화 전달
• 소셜 미디어용 도표 카드 제작
• CSV나 JSON을 도표로 변환

Review and adapt component CSS using container queries, rules based on the space a parent element provides. This helps cards and other components adjust across sidebars, grids, and full-width layouts.

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

• Adapting a card for both grids and sidebars
• Converting media queries to container queries
• Reviewing layouts at different container widths

Create and edit Remotion documentation with consistent API pages, code examples, version labels, and compatibility information. The skill also guides sidebar placement and preview card generation when adding or updating pages.

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

• Add a documentation page for a public API
• Standardize code examples and parameter descriptions
• Review version labels and compatibility information

Design popups, banners, and slide-in messages for email signups or purchases. Get copy, display timing, audience rules, frequency limits, mobile guidance, and test ideas, with attention to easy dismissal and accessible interaction.

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

• Design a newsletter signup popup for a blog
• Plan a discount offer for visitors about to leave
• Review mobile popup layout and dismissal

Audit web or mobile pages and user journeys against an agreed WCAG accessibility standard. Combine automated scans with manual checks to document barriers, prioritize fixes, and record retest results alongside any remaining gaps.

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

• Audit keyboard access through checkout
• Check screen-reader access, focus, and contrast
• Prioritize accessibility fixes

Audit websites against WCAG 2.2, guidelines for making web content accessible. Combine automated checks with manual verification to identify barriers, prioritize issues by impact, and guide fixes to page structure and interactive components.

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

• Audit a website for accessibility barriers
• Review keyboard access and form labels
• Fix contrast and heading structure issues

Design, implement, or review native Mac interfaces using SwiftUI or AppKit. Organize panes, remove unnecessary containers, and apply restrained Liquid Glass effects while checking resizing, interaction states, and accessibility, including designs supplied through Figma.

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

• Designing a native Mac app interface
• Reviewing screens with too many cards and borders
• Implementing a Figma design in SwiftUI

Build scroll animations with GSAP or Framer Motion, including fade-ins, parallax effects that move layers at different speeds, pinned sections, and horizontal scrolling. Provides implementation patterns for vanilla JavaScript, React, and Next.js, with accessibility guidance.

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

• Fade cards in as they enter the screen
• Create parallax effects for images and text
• Build pinned sections with sequential animations

Convert a Vibe-Trading backtest strategy or a written trading strategy into a Python class for vnpy. Map indicators and trading signals to vnpy conventions, with asset-specific order handling and instructions for loading the strategy for backtesting or live trading.

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

• Export a Vibe-Trading strategy to vnpy
• Turn written trading rules into a CtaTemplate class
• Adapt order handling for A-shares, futures, or crypto

Configure email security gateways to detect targeted phishing messages. Set up sender impersonation protection, link checks, isolated attachment analysis, and custom rules, then validate quarantine actions and alerts for suspected attacks.

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

• Strengthening protection against targeted phishing
• Detecting executive or vendor impersonation
• Reviewing link and attachment protection

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

Create, edit, and reorganize Mastra documentation with guidance matched to the page type. Find the relevant rules for writing, links, navigation, shared components, diagrams, and redirects when reviewing pages or changing their structure.

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

• Write or revise Mastra documentation pages
• Review sidebars and page organization
• Check redirects when moving or deleting pages

Design and audit an agent's system prompt, the instructions that guide its work. Define a concrete outcome, starting input, available tools, completion checks, fallback behavior, and final report so the prompt describes a complete run.

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

• Designing the core instructions for a new agent
• Auditing a prompt before saving it
• Defining behavior when tools or permissions are missing

Inspect and edit cmux preferences for appearance, notifications, browsers, viewers, and shortcuts. Look up supported settings, validate changes before saving, preview edits, and undo recorded changes when the saved value still matches.

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

• Changing cmux appearance and sidebar preferences
• Adjusting Markdown fonts and diff layouts
• Rebinding keyboard shortcuts

Audit how a brand appears in AI answers by examining mentions, website citations, competitors, and cited pages. Receive one to three evidence-based priorities, such as improving a page, seeking inclusion in a relevant source, or fixing access barriers.

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

• Investigate why AI answers recommend competitors
• Check brand mentions and website citations
• Prioritize pages to improve or create

Use whenever a change touches anything a user can see or operate in Handsontable - DOM a plugin, editor, renderer, menu, dialog or bar creates; ARIA roles or attributes; keyboard shortcuts; focus; screen reader announcements; theme colors, sizes or focus rings - and when fixing a finding of the axe scan (`tests/a11y/`, `a11y-findings.json`, the `A11y / axe report` check). Covers the bar (WCAG 2.2 A and AA), the accessibility plan to write before coding, the build rules on top of core's ARIA helpers, focus scopes, shortcut contexts and announcer, how to prove it (keyboard-only Playwright flows, accessible names, the scan and its coverage map), and the loop for fixing a tracked finding.

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

Build charts with TradingView's lightweight-charts, including candlesticks, lines, live updates, scales, and annotations. Guidance checks installed types and v5 APIs to support chart integration, framework lifecycle handling, and troubleshooting of common data and display issues.

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

• Build candlestick charts with a separate volume pane
• Add live updates and historical data
• Fix v4-to-v5 API migration issues