'css' 검색 결과

Refactor Handsontable code by separating plugin responsibilities, reducing dependencies, batching rendering work, and updating coding patterns. It provides compatibility rules and testing guidance to preserve existing APIs, CSS classes, settings, and behavior.

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

• Split an oversized plugin into focused plugins
• Reduce repeated rendering during bulk updates
• Update private fields and callback patterns

Build json-render interfaces with 36 ready-made UI components, including forms, tables, and navigation. This skill guides component selection, connects definitions to React implementations, and explains custom components and input validation.

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

• Add standard components to a json-render interface
• Build forms with input validation
• Combine ready-made and custom components

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.

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

• Styling OpenClaw screens with shared visual rules
• Updating themes and semantic design tokens
• Reviewing focus, loading, and error states

Choose the right OpenClaw design guidance for brand identity, application interfaces, public pages, or audits. It directs agents to focused instructions and shared rules for consistent styling, reusable components, and browser checks.

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

• Choosing guidance for a public website update
• Updating application styling and themes
• Reviewing visual consistency and accessibility

Build a looping animated hero, the large visual at the top of a page, or a video opening. Combine rotating text, a globe or abstract geometry, a timer, and floating labels with cinematic colors and one neon accent.

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

• Creating an animated video opening
• Designing a landing page hero
• Combining motion elements into a looping visual

Create a single HTML file with a flowing background and a prominent headline for video openings, landing page hero sections, or posters. Choose from four palettes and CSS, Canvas, or WebGL rendering approaches.

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

• Create an opening frame for a video
• Design a landing page hero section
• Build a poster around a short message

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

Use WorldMonitor’s architecture as a reference for building dashboards. Find examples of TypeScript panels, data services, grid layouts, API proxies, and refresh scheduling, with guidance on simplifying these patterns for a personal monitoring project.

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

• Build a panel following WorldMonitor conventions
• Study patterns for scheduled data refreshes
• Review dashboard themes and grid layouts

Build TypeScript interface panels with badges, thumbnails, and colors driven by data. Organize shared behavior in a base class, including fetch retries, error recovery, and saved panel size and expansion state.

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

• Building a news panel with thumbnails
• Adding badges colored by data source
• Preserving panel size and expansion state

Diagnose file access problems by checking directories, permissions, file headers, and line counts in parallel batches. Also reviews TypeScript imports, fixes duplicates and type-only imports, and checks module exports before retrying the failed operation.

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

• Investigate missing files, incorrect paths, and permission errors
• Review multiple source files in parallel batches
• Check CSS and configuration file headers and line counts

Build dashboard panels and sidebars in plain TypeScript. Provides patterns for panels that fetch data on a timer and sidebars updated by external callers, including retries, saved display settings, and styles inserted only once.

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

• Build dashboard panels that refresh on a timer
• Create sidebars updated with externally supplied data
• Save and restore panel size and collapsed state

Add subtle vertical guides and small corner squares to web pages using CSS and HTML patterns. Align them with the content width across sections, preserve mobile spacing, and keep the guides from blocking clicks or text selection.

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

• Adding vertical guides along a page's content width
• Framing a hero section or product page
• Marking section corners with small squares

Create dark interfaces with frosted glass panels, gradient borders, and subtle glow. The skill provides CSS and Tailwind patterns for cards, hero sections, and dashboards, with checks for readable contrast, visible focus, and mobile behavior.

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

• Create a dark frosted glass hero section
• Convert a bright interface to dark glass styling
• Add gradient borders to cards and modals

Create buttons, cards, and panels with diagonally cut corners. It provides CSS shapes, border treatments, and sizing guidance to keep the geometry consistent while preserving readable labels, usable touch targets, and visible keyboard focus.

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

• Creating sci-fi-style controls
• Unifying diagonal corners across cards and panels
• Adding gradient borders to clipped shapes

Add reveal animations that start when page elements enter the visible area. The skill provides JavaScript using IntersectionObserver, a browser visibility detector, plus CSS keyframes and Tailwind-compatible classes, with adjustments for trigger position, motion, duration, and delay.

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

• Revealing sections as visitors scroll
• Staggering the appearance of multiple elements
• Adjusting when a reveal animation starts

Package a finished local web project for GitHub with a tailored README and a preview from the running project. Audit files before pushing, publish compatible projects through GitHub Pages, and verify the repository and live demo.

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

• Share a local HTML, CSS, or JavaScript experiment
• Prepare a README and a preview from the running project
• Publish a compatible web project on GitHub Pages

Create working web pages, components, and application interfaces with a clear visual direction. The skill connects purpose and audience to typography, color, layout, and motion, producing cohesive designs implemented in frontend code.

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

• Build a landing page with a clear visual style
• Refine a dashboard's visual design
• Create a React component

Build web pages, application interfaces, and components with a clear visual direction suited to their purpose and audience. It turns design choices about typography, color, layout, and motion into working frontend code with consistent visual details.

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

• Building a landing page with a clear visual direction
• Designing and implementing a dashboard
• Creating styled React components

Set up Ignite UI Lite controls or GridLite in Blazor applications. Match package references, service registration, namespaces, theme stylesheets, and interactive rendering settings to the app’s structure, including projects with separate server and client code.

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

• Adding Ignite UI Lite controls to a Blazor app
• Setting up an app that uses only GridLite
• Reviewing setup in separate server and client projects

Review existing interface animations and tune their timing, movement, scale, blur, and easing—the way speed changes. It matches values to their purpose and checks opening, closing, hover behavior, and staggered sequences against shared motion tokens.

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

• Reviewing existing interface animations
• Adjusting modal opening and closing speeds
• Fixing delays in staggered list animations

Build working web pages, components, and application interfaces around a clear visual direction. Shape typography, color, spacing, and animation to suit the audience and purpose, producing cohesive designs instead of repetitive, generic layouts.

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

• Creating a landing page with a distinct visual direction
• Designing and building a dashboard
• Styling React components consistently

Create a single HTML file with a flowing, animated background and a prominent quote or headline. Use it for a video intro, a landing page's main visual, or a poster, with landscape and portrait layouts available.

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

• Creating a video intro with a short message
• Designing a landing page's main visual
• Making a poster with a flowing background

Build web pages, application interfaces, and components with a clear visual direction suited to their purpose and audience. It turns design choices about typography, color, layout, and motion into working frontend code with consistent visual details.

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

• Building a landing page with a clear visual direction
• Designing and implementing a dashboard
• Creating styled React components

Zoom In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

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