'css' 검색 결과

Audit a page’s HTTP requests to find unnecessary network activity behind slow loading. Confirm bottlenecks with performance measurements, then suggest changes such as combining files, grouping icons, or embedding resources needed for the initial display.

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

• Investigating slow initial page loads
• Finding unnecessary requests for images, CSS, and JavaScript
• Planning file consolidation and icon sprites

Check whether HTML, JavaScript, and CSS are delivered with Gzip or Brotli compression. Use measured loading problems and response headers to guide server or CDN changes that reduce the amount of data downloaded.

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

• Investigating slow page loads on mobile networks
• Checking compression headers for text resources
• Reviewing Gzip or Brotli settings on a server or CDN

Animate characters built from SVG parts using GSAP and CSS transforms. Coordinate gestures and facial expressions, keep joints connected, and control playback by frame in Remotion or validate browser previews with HyperFrames.

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

• Coordinate head and arm movements
• Check blinks, gaze, and mouth shapes
• Control a GSAP timeline by frame in Remotion

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

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

• Building a landing page with a clear visual style
• Designing and implementing a dashboard
• Refining typography, colors, and spacing in an existing interface

Helps build React and Next.js interfaces with TypeScript and Tailwind CSS. Provides project and component generators, reviews dependencies for code size reductions, and guides measurable improvements to loading performance, accessibility, and frontend code quality.

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

• Starting a React or Next.js project
• Generating components with tests and Storybook stories
• Finding dependencies that increase download size

Build web applications from a bundled Express, Vite, React, Tailwind CSS, and Drizzle ORM template. Follow a schema-first workflow to create pages, backend APIs, and connected forms, with guidance for styling, testing, and deployment.

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

• Building a dashboard with data displays
• Creating an admin panel with forms and APIs
• Prototyping an online store

Build a single HTML product showcase with real content displayed inside CSS-drawn iPhone and optional MacBook screens. Use supplied HTML, text, or data, with perspective, reflections, highlights, and optional gentle rotation.

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

• Create a visual for a product launch
• Present an app inside an iPhone-style screen
• Show mobile and desktop designs together

Build web pages and interface components with a clear visual direction suited to their purpose and audience. The skill guides typography, color, layout, and animation, turning design choices into working frontend code.

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

• Building a landing page with a distinctive visual style
• Designing a dashboard with a consistent look
• Refining the typography, spacing, and colors of an existing web UI

Bring existing React web components and browser-only libraries into Expo apps with DOM components. Render them in a WebView, an embedded browser view, on native platforms and directly on the web to support gradual migration.

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

• Gradually moving existing React web components into Expo
• Adding web charts or syntax highlighting to an app
• Reusing complex HTML/CSS layouts or embedded content

Measure and improve animation performance on frontend pages. Identify offscreen activity, pause CSS and canvas or WebGL loops, audit resource cleanup, and compare runtime observations before and after changes to investigate scrolling issues and long-session slowdowns.

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

• Pause animations outside the viewport
• Investigate jerky scrolling
• Audit cleanup after page navigation

Add Preline UI components and ready-made page sections to HTML files through the Preline MCP server. The skill guides component selection, CSS and script placement, and assembly of pages containing multiple components.

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

• Adding a Preline UI component to an existing HTML file
• Building a page from ready-made sections
• Assembling a dashboard with multiple components

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

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

• Building a landing page with a clear visual style
• Designing and implementing a dashboard
• Refining typography, colors, and spacing in an existing interface

Design and refine web animations for buttons, dialogs, menus, and gestures. The skill guides timing, changes in speed, spring motion, performance, and reduced-motion preferences so transitions fit the interaction and remain responsive.

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

• Refine dialog and menu transitions
• Adjust button press and hover feedback
• Investigate stuttering animations

Adjust .NET MAUI layouts to avoid system bars, screen cutouts, and keyboards, or extend content to screen edges. It covers .NET 10 safe area APIs, migration from older settings, and CSS coordination for Blazor Hybrid.

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

• Fixing status bar overlap after upgrading to .NET 10
• Keeping chat inputs visible above the keyboard
• Creating edge-to-edge photo or video screens

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

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

• Building a landing page with a clear visual style
• Designing and implementing a dashboard
• Refining typography, colors, and spacing in an existing interface

Add an animation that makes a finished interface look as though an AI agent is building it. It traces the element’s actual layout with dots, then reveals the interface, optionally alongside generation logs and CSS text.

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

• Reveal a result card when AI output arrives
• Show a component being built in a product demo
• Add generation logs to a landing page reveal

Create or update installable plugins for the CC GUI desktop client. Use CSS and JSON for visual changes, or a single JavaScript file for interactive panels, settings, commands, and workflows, with guidance for local installation and updates.

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

• Customize CC GUI colors and input styles
• Add settings pages or panel tabs
• Package a workflow as a plugin

Guides styling implementation using TailwindCSS + CSS Modules. Triggered when handling component styles, layout design, or CSS patterns.

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

This skill should be used when refactoring existing CSS from inline styles or utility classes to semantic patterns. Triggers on "refactor CSS", "extract styles", "consolidate CSS", "convert inline", "clean up styles", "migrate to semantic". Transforms to semantic classes with dark mode and tests.

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

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.

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

Expert guide for Tailwind CSS v4, CSS-first configuration, @theme customization, and modern responsive design / Panduan ahli untuk Tailwind CSS v4, konfigurasi CSS-first, kustomisasi @theme, dan desain responsif modern.

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

Expert guide for cutting-edge Native CSS (2026 Standard) — CSS Anchor Positioning, @starting-style, View Transitions Level 2, Container Queries, and :has() / Panduan ahli fitur CSS native modern 2026.

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

Tailwind CSS v4 with CSS-first configuration and design tokens. Use when setting up Tailwind v4, defining theme variables, using OKLCH colors, or configuring dark mode. Triggers on @theme, @tailwindcss/vite, oklch, CSS variables, --color-, tailwind v4.

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