'styling' 검색 결과

Read frontend source code to document colors, typography, spacing, components, and layout rules in DESIGN.md. Use it to understand an existing interface or prepare design guidance for Stitch without building or running the app.

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

• Document an existing app's design system
• Review styling when the app cannot run
• Prepare an existing visual identity for Stitch

Analyze webpage screenshots to extract colors, typography, and component styles. Generate structured JSON describing reusable design rules and an AI coding prompt, or convert the results into brand styling for a presentation video.

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

• Extract design rules from a webpage screenshot
• Prepare a coding prompt for a similar landing page
• Export webpage styling for a presentation video

Build a new dashboard or admin panel by following existing project patterns. This skill coordinates server endpoints, service logic, interface components, registration, and styling, then checks that the pieces connect consistently.

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

• Adding a new dashboard panel
• Implementing a feature across server and interface layers
• Matching existing panel conventions

Add thumbnails, colored badges, and data-driven styling to TypeScript lists, cards, and panels. Coordinate component logic with CSS, include fallbacks for missing data, and check how the updated display handles empty lists and long text.

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

• Adding category or source badges to lists
• Displaying thumbnails with placeholders for missing images
• Changing colors and styles based on item data

Set up Tailwind CSS v4 in Expo using react-native-css and NativeWind v5. Configure styling across iOS, Android, and Web, create components that accept CSS class names, and define shared themes with platform-specific fonts and colors.

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

• Add Tailwind CSS v4 to an Expo project
• Create components that accept CSS class names
• Define shared themes with platform-specific fonts and colors

Build app screens with Expo Router using guidance on layouts, navigation, native tabs, and animations. Includes implementation patterns for styling, adapting to screen sizes, and checking features in Expo Go.

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

• Build app screens with Expo Router
• Organize navigation with native tabs and stacks
• Add search, menus, and screen transitions

Build and maintain interfaces with shadcn/ui components, reusable pieces such as forms, cards, and dialogs. Find suitable components, follow project settings, fix composition and styling issues, and review updates while preserving local changes.

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

• Build settings pages and dashboards
• Fix form and dialog composition
• Update components while preserving local changes

Build and maintain interfaces with shadcn/ui by finding, adding, and combining components. The skill uses project settings, component documentation, and change previews to guide styling, debugging, preset changes, and updates that preserve local edits.

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

• Building settings pages and dashboards from existing components
• Fixing form and dialog composition issues
• Updating components while preserving local edits

Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or styling components in a React Native project that uses Tailwind with className.

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

Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts / theme/), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, fixing an app that looks AI-generated or generic instead of native (the named native-slop tells), building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for folder layout of a new app use expo-project-structure.

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

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.

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

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

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

Create consistent chalk-based color and styling system for CLI output with themes, semantic colors, and formatting utilities.

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

Expert blueprint for UI themes using Theme resources, StyleBoxes, custom fonts, and theme overrides for consistent visual styling. Covers StyleBoxFlat/Texture, theme inheritance, dynamic theme switching, and font variations. Use when implementing consistent UI styling OR supporting multiple themes. Keywords Theme, StyleBox, StyleBoxFlat, add_theme_override, font, theme inheritance, dark mode.

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

Expert blueprint for UI themes using Theme resources, StyleBoxes, custom fonts, and theme overrides for consistent visual styling. Covers StyleBoxFlat/Texture, theme inheritance, dynamic theme switching, and font variations. Use when implementing consistent UI styling OR supporting multiple themes. Keywords Theme, StyleBox, StyleBoxFlat, add_theme_override, font, theme inheritance, dark mode.

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

Comprehensive R package for command-line interface styling, semantic messaging, and user communication. Use this skill when working with R code that needs to: (1) Format console output with inline markup and colors, (2) Display errors, warnings, or messages with cli_abort/cli_warn/cli_inform, (3) Show progress indicators for long-running operations, (4) Create semantic CLI elements (headers, lists, alerts, code blocks), (5) Apply themes and customize output styling, (6) Handle pluralization in user-facing text, (7) Work with ANSI strings, hyperlinks, or custom containers. Also use when migrating from base R message/warning/stop, debugging cli code, or improving existing cli usage.

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

Provides design token system and theming framework for consistent, customizable UI styling across all components. Covers complete token taxonomy (color, typography, spacing, shadows, borders, motion, z-index), theme switching (CSS custom properties, theme providers), RTL/i18n support (CSS logical properties), and accessibility (WCAG contrast, high contrast themes, reduced motion). This is the foundational styling layer referenced by ALL component skills. Use when theming components, implementing light/dark mode, creating brand styles, customizing visual design, ensuring design consistency, or supporting RTL languages.

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

This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. Triggers on "CSS", "styles", "Tailwind", "dark mode", "component styling", "semantic class", "@apply", "stylesheet". Routes to specialized sub-skills for creation, validation, or refactoring.

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

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.

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

CesiumJS 3D Tiles - Cesium3DTileset, compressed and CAD-style glTF content, MVTDataProvider, UrlTemplate3DTilesDataProvider, styling, metadata, feature picking, voxels, point clouds, I3S, Gaussian splats, clipping. Use when a task involves loading 3D Tiles or Mapbox Vector Tiles, draping vector tiles on terrain, rendering KHR meshopt/CAD content, styling or querying features, working with voxels or point clouds, or clipping spatial data.

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

shadcn/ui component patterns with Radix primitives and Tailwind styling. Use when building UI components, using CVA variants, implementing compound components, or styling with data-slot attributes. Triggers on shadcn, cva, cn(), data-slot, Radix, Button, Card, Dialog, VariantProps.

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

Component style templates and BEM naming for vehicle insurance platform. Use when styling Vue components, implementing BEM classes, creating responsive layouts, or writing scoped CSS. Keywords: BEM naming, component styles, KpiCard, FilterPanel, scoped CSS, responsive design, card styles, button styles, form controls.

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

React Native project structure, Expo vs bare workflow detection, app.json/app.config.js patterns, asset handling, fonts, styling approaches, hot-reload-friendly idioms. Use this skill to: - Detect Expo (managed/dev-client/EAS/ejected) vs bare RN workflow. - Pick correct project layout for each workflow. - Configure app.json / app.config.js with bundle ID, splash, icons, deep link schemes. - Handle assets, fonts, images correctly. - Pick a styling approach (StyleSheet / NativeWind / restyle / styled-components). Do NOT use this skill for: - Platform-specific branching (see rn-platform-specific). - Navigation (see rn-navigation). - Storage (see rn-state-and-storage). - Testing (see rn-testing).

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

CSS and styling expert including Tailwind, CSS-in-JS, and responsive design

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