'css' 검색 결과

Build interactive dashboards, forms, and visualizations over the QM web interface using HTML, CSS, and JavaScript. Panels can send input to the conversation, update in place, or remain visible across sessions when requested.

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

• Display an interactive dashboard over a conversation
• Collect input through forms and buttons
• Explore information through visualizations

Inspect the current QM web interface through its HTML and structured app state, with optional stylesheets and a rendered image. Use it to explain visible UI elements, help with interface questions, or check how a canvas appeared.

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

• Help with questions about the current QM screen
• Check a canvas's appearance and placement
• Inspect the state of panes and open dialogs

Save a rendered web application view as static HTML with embedded styles and images. Capture a specific page or interface state for sharing or Stitch upload, using Puppeteer or an interactive browser capture workflow.

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

• Share a page as static HTML
• Prepare a screen for Stitch upload
• Capture a view after clicks or form input

Find and install reusable HyperFrames blocks and effect components, then integrate them into an existing composition. Configure block timing and layer order, merge component HTML, CSS, and JavaScript, and adjust installation paths.

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

• Find reusable blocks and components in the registry
• Add an installed block to an existing composition
• Merge effect snippets into HTML, CSS, and JavaScript

Add a background blur that grows stronger toward the top or bottom of a webpage. Layered CSS masks control the transition, with snippets and guidance for adjusting height, blur strength, stacking order, and rendering cost.

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

• Add a gradual blur along the top edge
• Create a soft blur along the bottom edge
• Adjust blur height and intensity

Creates bold interface components with thick black borders, vivid colors, sharp corners, and solid offset shadows. Uses shared CSS settings to coordinate cards, buttons, navigation, inputs, and badges, including interaction states and accessibility considerations.

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

• Creating cards with bold borders and solid shadows
• Adding hover and pressed states to buttons
• Coordinating navigation, inputs, and badges

Builds frosted-glass interface components using translucent backgrounds, background blur, subtle borders, and soft shadows. Provides shared CSS settings and examples for consistent cards, navigation bars, modals, and buttons, with guidance on readability and browser support.

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

• Creating frosted-glass cards
• Giving navigation bars and modals a consistent glass style
• Styling translucent buttons and hover states

Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends. USE FOR: stylelint.config.*, .stylelintrc*, CSS or SCSS assets; CSS linting; duplicate style cleanup and naming-convention checks. DO NOT USE FOR: JavaScript or TypeScript lint ownership; runtime accessibility, performance, SEO, or header checks. INVOKES: inspect the repository context, edit targeted files, and run relevant build, test, lint, or validation commands when changes are made.

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

This skill should be used when reviewing or auditing existing CSS code for consistency with established patterns. Triggers on "review CSS", "audit styles", "check CSS", "validate stylesheet", "CSS review". Checks semantic naming, dark mode coverage, Tailwind usage, and test coverage.

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

D-ZERO の CSS コーディング規約。CSS を書く・編集する・レビューするときに使う。コンポーネントのスタイル、レイアウト、レスポンシブ、カスタムプロパティ、セレクタ設計に適用する。

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

Build UIs with Tailwind CSS — utility classes, responsive design, dark mode, custom configuration, component patterns, animations, plugins, and design system setup. Use when tasks involve styling web applications, configuring design tokens, building responsive layouts, or migrating from other CSS approaches.

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

Agent fallback for CBasePlayerPawn_PrePhysicsSimulate (auto-generated, category: vfunc). Locate CBasePlayerPawn::PrePhysicsSimulate in the CS2 server module via IDA Pro MCP and emit a fresh, minimal-unique artifact. The deterministic preprocessor could not resolve this symbol on the current gamever - your job is the re-sign. Trigger: CBasePlayerPawn_PrePhysicsSimulate, CBasePlayerPawn::PrePhysicsSimulate

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

Agent fallback for CBasePlayerPawn_PhysicsSimulate (auto-generated, category: vfunc). Locate CBasePlayerPawn::PhysicsSimulate in the CS2 server module via IDA Pro MCP and emit a fresh, minimal-unique artifact. The deterministic preprocessor could not resolve this symbol on the current gamever - your job is the re-sign. Trigger: CBasePlayerPawn_PhysicsSimulate, CBasePlayerPawn::PhysicsSimulate

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

Agent fallback for CBaseEntity_VPhysicsStartTouch-decompiles (auto-generated, category: func). Locate CBaseEntity::VPhysicsStartTouch in the CS2 server module via IDA Pro MCP and emit a fresh, minimal-unique artifact. The deterministic preprocessor could not resolve this symbol on the current gamever - your job is the re-sign. Trigger: CBaseEntity_VPhysicsStartTouch-decompiles, CBaseEntity::VPhysicsStartTouch

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

기존 코드에서 색상·글꼴·여백 등의 공통 규칙을 추출하고 디자인 명세와 미리보기를 만듭니다. 화면의 일관성을 열 가지 항목으로 평가하고 수정할 위치도 제시합니다.

• 기존 코드에서 디자인 규칙을 추출합니다
• 개편 전에 화면의 일관성을 점검합니다
• 스타일을 변경하는 PR을 검토합니다

Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.

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

• Building interactive interfaces with multiple components
• Creating artifacts with state management and navigation
• Developing interfaces with shadcn/ui components

Build web pages and interface components with a clear visual direction and working code. Shape typography, colors, layouts, and animation around the intended audience and purpose, with support for HTML/CSS/JS, React, and Vue implementations.

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

• Build a landing page with a clear visual identity
• Refine a dashboard’s layout and typography
• Create React components with coordinated colors and motion

Audit website images and guide conversion to WebP and AVIF, formats that reduce image transfer size. Identify affected files, add fallback images, and review dimensions and loading behavior alongside the impact on initially visible content.

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

• Finding JPEG and PNG images to convert
• Adding WebP and AVIF sources with fallback images
• Reviewing CSS background image formats

Review HTML list structure so screen readers can identify lists and announce item counts. Find list items without valid containers, check custom accessibility roles, and guide fixes to markup used for navigation or styling.

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

• Review list markup split across components
• Fix navigation lists with invalid nesting
• Check parent roles for custom lists

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