跳到正文
cccskills

“chromatic”的搜索结果

42 个 · 按相关度排序

chromatic

免费

Chromatic is a visual testing service from the Storybook team that snapshots every story in a cloud browser and shows visual diffs for review on each pull request. Use when the user wants visual regression testing with Storybook, or mentions "chromatic," "visual regression," "Storybook testing," "UI review," "visual diff," or "component snapshot testing." For general screenshot comparison, see percy.

中文简介正在准备中。当前显示原文说明。

TerminalSkills/skills1722026年10月14日 更新

Turn a supplied quote into an animated video-intro scene in a single HTML file. Text appears character by character with a glowing cursor, colored trails, and light flares, with space for a source or chapter label.

中文简介正在准备中。当前显示英语简介。

  • Introducing a video with an animated quote
  • Creating a glowing title scene for a chapter
  • Adding a source label beneath an opening quote
nexu-io/open-design10.2万2026年10月19日 更新

colorize

免费

Add purposeful color to monochromatic interfaces so key actions, statuses, and categories are easier to recognize. Refine backgrounds, text, and charts around a consistent palette while checking contrast and avoiding reliance on color alone.

中文简介正在准备中。当前显示英语简介。

  • Adding warmth to a gray interface
  • Highlighting primary buttons
  • Distinguishing statuses and categories
fengshao1227/ccg-workflow59432026年10月19日 更新

Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.

中文简介正在准备中。当前显示原文说明。

nexu-io/html-video47152026年6月22日 更新

Implement visual regression testing with Playwright screenshots, Chromatic, Percy, and Argos CI. Covers baseline management, diff threshold tuning, dynamic content masking, responsive viewport testing, and review/approval workflows. Use when: "visual test," "screenshot," "visual regression," "pixel diff," "snapshot diff," "update baselines," "Chromatic," "percy snapshot," "argos screenshot." Not for: bulk baseline regeneration after a redesign broke many tests — use selector-drift-recovery; cross-browser rendering matrices — use cross-browser-testing; general Playwright test structure — use playwright-automation. Related: playwright-automation, ci-cd-integration, cross-browser-testing.

中文简介正在准备中。当前显示原文说明。

petrkindlmann/qa-skills1942026年6月11日 更新

Design polychromatic ornamental patterns grounded in Alexander Speltz's classical ornament taxonomy. Builds on monochrome structural analysis by adding period-authentic color palettes, color-to-motif mapping, and rendering styles suited to painted, illuminated, and glazed ornament. Use when creating decorative designs where color is integral to the tradition (Islamic tilework, illuminated manuscripts, Art Nouveau), exploring how historical periods used color in ornament, or producing colored reference imagery for design, illustration, or educational materials.

中文简介正在准备中。当前显示原文说明。

pjt222/agent-almanac422026年10月15日 更新

Implements visual regression testing with screenshot comparison, diff detection, and CI integration using Playwright or Chromatic. Use when users request "visual testing", "screenshot testing", "UI regression", "visual diff", or "Chromatic setup".

中文简介正在准备中。当前显示原文说明。

sathishssj3/Stereix-Engine22026年10月4日 更新

Create a glitch styled title screen for video transitions or cyberpunk visuals. The single HTML file combines large headlines, cyan and magenta color offsets, scanlines, noise, and animated distortions using your title and subtitle.

中文简介正在准备中。当前显示英语简介。

  • Creating a title screen for a video transition
  • Designing a cyberpunk main visual
  • Adding animated distortion to a title
nexu-io/open-design10.2万2026年10月19日 更新

pr

免费

Create a draft pull request for reviewing Storybook changes. Prepare a title, required labels, and a description using the repository template, including verified manual testing steps that another maintainer can follow.

中文简介正在准备中。当前显示英语简介。

  • Submit Storybook changes for review
  • Choose category, CI, and manual QA labels
  • Prepare reproducible manual testing instructions
storybookjs/storybook9.1万2026年10月19日 更新

Find reusable visual effects, charts, titles, and other video elements, then install and integrate them into HyperFrames compositions. It explains how to place standalone scenes on a timeline and merge smaller effect snippets into existing HTML.

中文简介正在准备中。当前显示英语简介。

  • Find and add a title effect or transition
  • Integrate charts, maps, or terminal visuals into a video
  • Install multiple video blocks sharing a tag
heygen-com/hyperframes6.7万2026年10月19日 更新

Build a single HTML opening screen that reveals supplied text character by character behind a glowing cursor. Colored trails, brief color offsets, and a finishing light sweep create an animated introduction for a video or a prominent opening message.

中文简介正在准备中。当前显示英语简介。

  • Revealing a supplied quote at the start of a video
  • Creating an opening screen with a typing effect
  • Adding source and chapter labels beneath animated text
nexu-io/html-anything91792026年10月13日 更新

Add a white, twinkling dotted trail that follows the mouse behind website content. The skill guides WebGPU rendering, which uses the graphics processor, with static backgrounds for unsupported devices and accessibility preferences.

中文简介正在准备中。当前显示英语简介。

  • Add a mouse-following trail to a hero section
  • Create an interactive contact section background
  • Keep a static background on touch devices
MengTo/Skills68422026年10月18日 更新

Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.

中文简介正在准备中。当前显示原文说明。

nexu-io/html-video47152026年6月22日 更新

claude

免费

A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink.

中文简介正在准备中。当前显示原文说明。

bergside/awesome-design-skills32592026年6月28日 更新

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.

中文简介正在准备中。当前显示原文说明。

bergside/awesome-design-skills32592026年6月28日 更新

power

免费

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.

中文简介正在准备中。当前显示原文说明。

bergside/awesome-design-skills32592026年6月28日 更新

Use when editing footage that already exists on Scenario through MCP with a tool model instead of a new generation: 3D LUT grading, color correction, film grain, vignette, blur, sharpen, glow, tint, desaturate, posterize, solarize, cubism, crystallize, oilify, chromatic aberration or dodge and burn on a clip; trimming to a time range, splitting at cut points, reversing, resizing, re-encoding, frame extraction, image sequences, background removal, segmentation masks, subjects as layers.

中文简介正在准备中。当前显示原文说明。

scenario-labs/skills10602026年10月19日 更新

Use when editing an existing image on Scenario through MCP with a tool model, not a new generation: upscale or enhance to 2x, 4K, 8K, super resolution, 3D LUT color grade, color correction, posterize, solarize, vignette, film grain, blur, sharpen, glow, chromatic aberration, oilify, cubism, crystallize, dodge and burn, tint, desaturate, expand or uncrop, reframe an aspect ratio, resize to exact pixels, slice tiles, contact sheet, split into layers, remove a background or watermark, vectorize.

中文简介正在准备中。当前显示原文说明。

scenario-labs/skills10602026年10月19日 更新

Add strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes. Generates harmonious color systems with automatic light/dark variants and accessible contrast ratios.

中文简介正在准备中。当前显示原文说明。

skillmds/skillmd2492026年10月14日 更新

An enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a system of per-product accent colors — Terraform purple, Vault yellow, Consul pink, Waypoint cyan, Vagrant blue — that act as identity tokens rather than decorative palette. Display type is hashicorpSans set in 600/700 with tight 1.17–1.21 line-heights; body type runs the same family at 500 weight with relaxed 1.50–1.71 line-heights. Cards live as charcoal surfaces with 1px translucent gray borders; product showcase cards lift into per-product chromatic gradients. The system reads as confident, technical, and intentionally multi-product — every section quietly signals which HashiCorp tool it represents.

中文简介正在准备中。当前显示原文说明。

skillmds/skillmd2492026年10月14日 更新

colorize

免费

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.

中文简介正在准备中。当前显示原文说明。

zacharyfmarion/openscad-studio2442026年8月20日 更新

Generate unit, integration, E2E, and visual regression tests following the Testing Trophy methodology (80% integration). Covers Vitest/Jest, Testing Library, Playwright, MSW for API mocking, snapshot strategy, visual regression (Chromatic/Percy/Playwright), test factories with Faker, and CI sharding. Use when user asks to write tests, set up testing framework, mock API/dependencies, improve coverage, or add visual regression. Do NOT use for performance/load testing, production monitoring, or type testing (covered by TypeScript).

中文简介正在准备中。当前显示原文说明。

EliasOulkadi/shokunin1132026年10月5日 更新

Harmonic analysis, voice leading, chord function, and modulation techniques for tonal music. Covers triads, seventh chords, Roman numeral analysis, figured bass, voice leading rules, cadence types, secondary dominants, modulation techniques, chromatic harmony (Neapolitan, augmented sixth chords), jazz lead sheet notation, and functional vs. linear harmonic thinking. Use when analyzing chord progressions, writing voice leading, identifying key areas, or interpreting harmonic function in any tonal style.

中文简介正在准备中。当前显示原文说明。

Tibsfox/gsd-skill-creator712026年7月20日 更新

3 parallel agents explore codebase improvements via GF(3) balanced prime geodesics

中文简介正在准备中。当前显示原文说明。

plurigrid/asi702026年7月10日 更新