'styling' 검색 결과

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

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

Food photography audit — reviews existing photos, identifies missing item photos, provides specific shot list with angles, lighting, and styling direction

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

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.

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

Class Variance Authority - type-safe component variant styling with cva(), compound variants, and VariantProps

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

Unistyles 3.0 styling - C++ powered StyleSheet superset with zero re-renders, theming, breakpoints, variants, dynamic functions, runtime values

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

Use when implementing or updating a component from a Figma link — how to turn the Figma design variables into code tokens, on both platforms: Tailwind classnames for libs/ui-react and themeJS (`t.*`) paths for libs/ui-rnative. For the full token catalogues and styling mechanics, see component-styling.

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

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.

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

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.

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

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.

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

Use this skill when styling components, adding shadcn/ui components, or configuring Tailwind v4 design tokens. Trigger words: スタイリング, Tailwind, shadcn, コンポーネント追加, デザイントークン, テーマ, CSS, クラス, ボタン, カード, ダークモード.

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

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.

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

Skill for styling-patterns tasks.

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

Skill for css-styling-approaches tasks.

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

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.

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

React Native와 Expo 앱의 화면 이동, 상태 관리, 데이터 가져오기를 설계합니다. 긴 목록 표시, 폼, 기기 기능 사용과 인증 토큰 저장 방식도 다룹니다.

• Expo 화면과 화면 이동을 만들 때
• 가져온 데이터와 화면 상태를 정리할 때
• 긴 목록 표시를 개선할 때

Angular 화면과 서비스를 만들고 상태 관리, 폼, 화면 이동을 설계합니다. 프로젝트 버전에 맞는 구현 방식을 선택하고 테스트 작성과 빌드 확인을 지원합니다.

• 새 Angular 앱을 시작할 때
• 폼과 상태 관리를 구현할 때
• 화면 이동과 접근 제어를 설계할 때

Create Python workflows for generating images from text, restyling existing pictures, and filling selected regions. Using HuggingFace Diffusers, the skill explains composition controls, style adapters, generation settings, and ways to reduce memory use.

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

• Generate images from written descriptions
• Restyle an existing picture as a watercolor
• Fill a masked area of a photo

Create clear educational diagrams for scientific concepts, physical structures, workflows, and data. Output SVG, a scalable vector image format, inside one standalone HTML file with consistent styling and automatic light and dark modes.

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

• Illustrating scientific concepts for teaching materials
• Explaining object structures with cross-sections and layers
• Visualizing workflows and data movement

Build HTML/CSS pages using visual specifications from 54 established websites, including Stripe, Linear, and Vercel. Templates provide colors, typography, spacing, component styles, and layouts that adapt to different screen sizes.

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

• Creating a landing page inspired by Stripe
• Designing a dashboard inspired by Linear
• Styling a documentation website

Applies coordinated colors and fonts to slides, documents, reports, and HTML landing pages. Choose from ten preset themes using a visual showcase, or request a custom theme based on a description and review it before application.

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

• Giving a slide deck consistent colors and fonts
• Choosing a theme from a visual showcase
• Coordinating the appearance of reports and documents

Apply Anthropic's brand colors and typography to visual materials. The skill specifies heading and body fonts, background-aware text colors, and accents for shapes, with fallback fonts when Poppins and Lora are unavailable.

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

• Styling materials with Anthropic's brand colors
• Unifying heading and body fonts
• Adjusting text colors for light and dark backgrounds

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

Test browser interfaces through Chrome DevTools MCP, a connection that lets an agent inspect a live browser. Check screenshots, errors, network traffic, accessibility, and performance to diagnose problems and verify fixes.

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

• Diagnosing layout and styling problems
• Investigating browser errors and failed API requests
• Comparing screenshots before and after a fix