504건 · 관련도순
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Use when styling PyQt/PySide6 widgets with QSS - selectors and pseudo-states, stylesheet application, common style properties, widget-specific styling, or building a dark theme
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Preview how clothes look on a person using virtual try-on models hosted by fal.ai. Use the workflow to explore clothing visuals for ecommerce, lookbooks, or experiments with different styling ideas.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Set brand styling from a website link or a plain-language description, preview it on a sample page, and save preferred delivery formats so future plugin pages and documents follow the chosen look and format.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Find, add, and combine shadcn/ui components to build forms, dashboards, and other interfaces. Use project settings and component documentation to guide styling, debugging, preset changes, and updates that preserve local modifications.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Build React and TypeScript pages with guidance for data fetching, loading states, styling, and navigation. Organize code by feature and apply lazy loading, which loads components when needed, using patterns for MUI v7 and TanStack Router/Query.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Builds and updates OpenClaw interfaces using shared styling rules, existing components, and semantic tokens—named values for visual roles. Helps keep themes, controls, and interaction states consistent while preserving application behavior unless changes are requested.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Implement zero-runtime CSS with Tailwind, CSS Modules, and the cn() utility for RSC-compatible styling in Next.js. Use when choosing a styling library, creating dynamic class utilities, or optimizing fonts with next/font.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Use when building or styling a component in libs/ui-react or libs/ui-rnative — the cross-platform styling principles, plus routing to the platform mechanics: Tailwind + cva + cn on web, useStyleSheet + themeJS + lx on React Native. Load this before writing component styles.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI in any React project. Use this skill whenever the user mentions shadcn, shadcn/ui, adding UI components, building forms or dashboards with Radix, working with component registries (@shadcn, @magicui, @tailark), or any task involving npx shadcn CLI commands. Also trigger when the user asks to fix styling issues, build a settings page, dashboard, or modal flow in a project that uses shadcn/ui — even if they don't say "shadcn" explicitly. This skill manages the full component lifecycle: search, add, view, diff, smart-merge upstream updates, and enforce critical rules for forms, composition, styling, and icons.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Maxim UI Styling Intelligence — shadcn/ui components, Tailwind CSS, CSS architecture, responsive design, dark mode, accessibility-compliant styling (WCAG 2.1 AA), animation and motion design, theming systems. Activate for component building, layout implementation, theme customization, dark mode, CSS architecture decisions, UI polish. Powered by Maxim behavioral science + Fitts' Law + Color Psychology.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
기존 코드에서 색상·글꼴·여백 등의 공통 규칙을 추출하고 디자인 명세와 미리보기를 만듭니다. 화면의 일관성을 열 가지 항목으로 평가하고 수정할 위치도 제시합니다.
Review a site's visual quality, find inconsistent styling, awkward spacing, unclear emphasis, repetitive AI-generated design patterns, and slow interactions. Fix the source code in focused commits and verify the changes with before-and-after screenshots.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Guide SwiftUI interface design with rules against generic AI styling, advice on design direction, guidance for handling brand assets, and reviews across five dimensions. Use it to shape and assess native app interfaces.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Compare a PPTX exported from HTML with its source slides to find cropped text, footer overlaps, and lost styling. Identify shared causes, revise layout rules, and re-export the deck with automated checks for content extending beyond slide boundaries.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.