'icon' 검색 결과

Next.js route metadata, per-route favicons, OpenGraph, and Twitter cards. Use when adding a route or layout, adding a favicon or social share image, auditing missing metadata, naming tab titles, or touching createRouteMetadata, createDynamicRouteMetadata, generateFaviconMetadata, or titlePrefix.

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

Migrating custom icon buttons to TapButtons. Use when replacing a raw <button>, IconButton, or className-styled icon; migrating header, toolbar, or footer icons; lazy-splitting a button's highlight decoration; or on 'tap targets', 'efficiency update', 'lazy split', or making a small component production-ready.

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

로고, 명함 완성 예상도, 슬라이드, 배너, 소셜 미디어 이미지와 아이콘을 제작합니다. 브랜드 색상과 글꼴 규칙을 정하고 화면 디자인에도 반영합니다.

• 로고와 명함 완성 예상도 제작
• 여러 소셜 미디어용 이미지 준비
• HTML 제안 슬라이드 제작

OpenAI의 Image API로 UI 목업, 아이콘, 일러스트, 소셜 미디어 카드와 시각 참고 자료를 생성하고 편집하는 스킬을 안내하는 카탈로그 항목입니다.

• UI 목업 이미지 제작에 활용합니다
• 아이콘과 일러스트를 생성합니다
• 소셜 미디어 카드 이미지를 준비합니다

Google Gemini의 이미지 생성 API로 UI 완성 모습을 보여 주는 목업, 아이콘, 일러스트 등 화면과 제작물에 쓸 시각 자료를 만듭니다.

• UI 완성 모습을 목업으로 확인
• 디자인에 쓸 아이콘 생성
• 제작물에 넣을 일러스트 생성

Check whether a web app is ready for PWA installation, which lets users install it like an app. Review HTTPS, app settings, icons, and offline responses, and identify missing or inconsistent configuration.

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

• Auditing a web app's readiness for PWA installation
• Checking settings before adding an install prompt
• Reviewing icon sizes and Android maskable icons

Review images, icons, and illustrations for cultural meanings that may confuse international audiences. Suggest neutral alternatives or locale-based replacements with a shared default, and flag embedded text and other visuals that need localization review.

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

• Reviewing images for an international launch
• Checking gestures and culturally specific symbols
• Switching images by language or region

Check text, input borders, meaningful icons, and other interface elements for sufficient color contrast. Guide color adjustments against WCAG accessibility thresholds and verify readability across default, hover, focus, active, and visited states.

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

• Checking text against background colors
• Reviewing input borders and meaningful icons
• Checking contrast during hover and keyboard focus

Turn a website or local HTML build into a desktop app with Pake. Guides app naming, icons, unique app identifiers, proxy settings, and build verification, including checking the paths of generated installers or bundles.

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

• Turning a website into a desktop app
• Packaging a local HTML file or static build
• Configuring app icons and identifiers

Generate illustrations, icons, game textures, sprites, and mockups from written descriptions using OpenAI or Google Gemini. The skill selects an available provider, saves the resulting image, and reports its location.

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

• Generate icons or illustrations from descriptions
• Create game textures and sprites
• Make mockups to explore visual ideas

Analyze marker-gene sequencing data to study microbial communities. Supports FASTQ quality checks and, with primers, metadata, and taxonomy resources, workflows that produce sequence variant tables, taxonomic assignments, diversity measurements, and plots.

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

• Check amplicon FASTQ quality and analysis readiness
• Generate sequence variant and taxonomy tables
• Visualize microbial diversity and taxon composition

Build Android interfaces in Expo using Jetpack Compose components and modifiers, which control layout and appearance. The skill guides component selection, sizing, scrollable lists, and XML icons for SDK 55.

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

• Add native Android UI components to an Expo app
• Build a scrollable list with LazyColumn
• Display Android XML vector icons

Generate images, posters, and illustrations from written descriptions using an external image API, with Qwen-Image as the default. Save the finished image in the agent's working environment and display it through the artifact presentation tool.

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

• Generating an illustration from a written description
• Creating a poster with a specified style
• Saving and displaying images generated with Qwen-Image

Create web controls that resemble physical materials using gradients, layered shadows, reflective edges, and subtle texture. The skill covers raised and pressed states, plus embossed labels and icons for buttons, cards, switches, and other controls.

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

• Give buttons a physical pressed appearance
• Add depth to cards and panels
• Style controls with plastic or metal surfaces

Configure UnoCSS and style interfaces with utility classes, small reusable styling instructions. Use project settings to define custom rules, shortcuts, themes, and presets for features such as icons, typography, and attribute-based styling.

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

• Adding UnoCSS to a Vite or Nuxt project
• Combining repeated styles into shortcuts
• Defining shared colors and responsive breakpoints

Generate 2D game characters, props, icons and effects, or prepare existing artwork for use in a game. The skill removes backgrounds, separates frames, adjusts size and palettes, checks results, and exports assets for game engines.

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

• Create a character master still
• Split prop or effect sheets into frames
• Prepare existing frames for a game engine

Create 2D game art from code, including sprites, icons, tiles and backgrounds. The skill renders written specifications, checks palettes and tile seams, and packages images with review sheets without using an image model.

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

• Create pixel sprites with palette variants
• Draw UI elements and icons in SVG
• Build terrain tiles with checked seams

Get practical guidance and prioritized reviews for web and app interfaces. The skill examines task flow, layout, feedback, and error handling, with recommendations for clean screens built around clear typography and generous spacing.

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

• Planning the interface for a new feature
• Prioritizing improvements to existing screens
• Reviewing layout, spacing, and typography

Specify an icon system — grid, sizing, stroke weight, naming, categories, and implementation. Use when standardising iconography. For broader illustration, use `illustration-style` (ui-design).

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

Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.

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

Generate AI images using Gemini or GPT APIs directly. Covers model selection (Gemini for scenes; GPT Image 2 for text rendering, batch variations, multi-reference compositing; GPT Image 1.5 for transparent icons), the 5-part prompting framework, API calling patterns, multi-turn editing, and quality assurance. Produces photorealistic scenes, icons, illustrations, OG images, posters, infographics, and product shots. Use when building websites that need images, creating marketing assets, or generating visual content. Triggers: 'generate image', 'ai image', 'create hero image', 'make an icon', 'generate illustration', 'create og image', 'poster', 'infographic', 'image variations', 'gpt-image-2', 'ai art', 'image generation'.

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

Design or evaluate a brand visual identity system covering logo, color, typography, imagery direction, iconography, and motion principles. Use this skill whenever the user wants to design a logo, build a visual identity, define brand colors, choose brand typography, develop iconography, plan brand imagery, or evaluate an existing identity for cohesion. Triggers on logo design, brand identity, visual identity, brand mark, wordmark, monogram, color palette, brand colors, brand typography, type system, iconography, brand imagery, motion design, brand system, identity system. Also triggers when the user has a brand direction approved and now needs the visual artifacts that express it.

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

Image processing toolkit awareness. Use when: user uploads images for manipulation, requests format conversion, batch processing, compositing, resizing, optimization, analysis, effects, metadata inspection, montages, animated GIFs, color correction, or any image-related task. Also use when working with screenshots, photos, diagrams, icons, or visual assets. Triggers on 'resize', 'crop', 'convert', 'compress', 'optimize', 'thumbnail', 'watermark', 'montage', 'collage', 'gif', 'sprite sheet', 'color space', 'metadata', 'EXIF', 'compare images', 'diff', 'overlay', 'composite', 'batch process', 'image analysis', 'histogram', 'blur', 'sharpen', 'rotate', 'flip', 'border', 'shadow', 'round corners', 'favicon', 'icon set'.

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

Generate clean, playful low-density isometric voxel icon illustrations and explicitly requested four-frame physically credible loops built from large opaque face-lit acrylic blocks on an exact

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