'ui-ux' 검색 결과

Discover a UI/UX design resource during planning through this catalog entry. It identifies the upstream skill, but its pattern data, templates, and search tools require a separate installation before the full workflow can run.

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

• Considering UI/UX resources during design planning
• Checking whether the full skill is installed
• Finding guidance for installing the upstream bundle

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

Create banners for social media, ads, website heroes, and print formats. Compare multiple visual directions built in HTML/CSS using supplied assets, CSS graphics, or optional generated imagery, with PNG exports when browser capture is available.

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

• Creating social media headers and covers
• Comparing display ad banner designs
• Designing a website hero visual

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

Create logos, business card mockups, HTML presentations, banners, social images, and SVG icons. Define shared brand colors and typography, then carry those choices into visual assets and interface styling.

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

• Create logos and business card mockups
• Design social images for multiple platforms
• Build pitch decks in HTML

Organize colors, spacing, and typography into reusable design tokens, or shared style values. Generate CSS variables, define component states, check for hardcoded values, and create HTML presentations that follow the same brand rules.

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

• Standardize colors, spacing, and typography
• Document button states and variants
• Check code for hardcoded style values

Define a brand’s tone, visual standards, and messaging, then review content and assets for consistency. Includes tools to check asset names and formats, compare colors, and convert brand guidelines into reusable design settings.

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

• Define a consistent brand tone
• Create guidelines for colors and typography
• Review marketing assets for brand consistency

Create HTML presentations for marketing, pitches, and data-driven explanations. Use Chart.js graphs, reusable design settings, responsive layouts, and writing formulas to shape slide content and choose layouts suited to the presentation's purpose.

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

• Creating marketing presentation slides
• Building a pitch deck
• Explaining data with Chart.js graphs

Refine AI-generated web interfaces by improving colors, spacing, typography, and action priorities while preserving existing behavior. Uses four visual styles and a seven-part review to check usability, interaction feedback, accessibility, and mobile layouts.

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

• Polish an AI-generated prototype
• Simplify dashboard controls and repeated metrics
• Restyle a page using a reference screenshot

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

Design and improve web, mobile, and desktop interfaces using searchable local guidance. Find suitable colors, font pairings, layouts, and interaction patterns, then apply accessibility checks and implementation advice for the technology used in the project.

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

• Plan a consistent visual direction for a new page
• Choose colors and font pairings for a product
• Review forms and navigation for accessibility

This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility, or implement polished frontend interfaces with a clear design system.

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

This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility, or implement polished frontend interfaces with a clear design system.

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

Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces

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

Modern, clean UI/UX guidance + review skill. Use when you need actionable UX/UI recommendations, design principles, or a design review checklist for new features or existing systems (web/app). Focus on CRAP (Contrast/Repetition/Alignment/Proximity) plus task-first UX, information architecture, feedback & system status, consistency, affordances, error prevention/recovery, and cognitive load. Enforce a modern minimal style (clean, spacious, typography-led), reduce unnecessary copy, forbid emoji as icons, and recommend intuitive refined icons from a consistent icon set.

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

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.

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

Design and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout, resolution/aspect scaling and safe areas, keyboard/gamepad focus navigation, a screen/menu state stack, and event-driven (not polled) HUD updates. Engine- neutral patterns that pair with the detected engine's UI skill. Use when the user mentions HUD, health bar, main menu, pause menu, settings screen, UI layout, anchors, UI scaling, aspect ratio, safe area, controller/keyboard menu navigation, or wiring UI to game state.

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

Use when designing, changing, or reviewing user-facing interfaces or interaction flows, including API changes that alter visible states or recovery. Backend-only work without user-facing effects stays on its existing route.

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

UI/UX design intelligence with searchable database

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

专业级 UI/UX 设计规范，需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发。 覆盖视觉层次、配色体系、排版节奏、交互微动效、响应式适配等。 日常前端开发由 frontend-dev skill 覆盖。

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

专业级 UI/UX 设计规范，需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发。覆盖视觉层次、配色体系、排版节奏、交互微动效、响应式适配等。日常前端开发由 frontend-dev skill + frontend-design 插件覆盖。

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

Use when designing, building or reviewing UI/UX for a web or mobile app: picking styles, color palettes, typography, layout, animation or charts, or checking accessibility and touch targets. Priority-ranked rules ordered by impact.

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

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI). Internal genjutsu module: loaded by /genjutsu:cast and /genjutsu:paint, not invoked directly.

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

50+ named UX rules with numeric thresholds, 30+ UI styles catalog, industry anti-patterns, pre-delivery checklist

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