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/skills☆ 1722026年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-design☆ 10.2万2026年10月19日 更新
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-workflow☆ 59432026年10月19日 更新
Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.
中文简介正在准备中。当前显示原文说明。
nexu-io/html-video☆ 47152026年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-skills☆ 1942026年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-almanac☆ 422026年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-Engine☆ 22026年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-design☆ 10.2万2026年10月19日 更新
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/storybook☆ 9.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/hyperframes☆ 6.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-anything☆ 91792026年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/Skills☆ 68422026年10月18日 更新
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
中文简介正在准备中。当前显示原文说明。
nexu-io/html-video☆ 47152026年6月22日 更新
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-skills☆ 32592026年6月28日 更新
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
中文简介正在准备中。当前显示原文说明。
bergside/awesome-design-skills☆ 32592026年6月28日 更新
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.
中文简介正在准备中。当前显示原文说明。
bergside/awesome-design-skills☆ 32592026年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/skills☆ 10602026年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/skills☆ 10602026年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/skillmd☆ 2492026年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/skillmd☆ 2492026年10月14日 更新
Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.
中文简介正在准备中。当前显示原文说明。
zacharyfmarion/openscad-studio☆ 2442026年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/shokunin☆ 1132026年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-creator☆ 712026年7月20日 更新
3 parallel agents explore codebase improvements via GF(3) balanced prime geodesics
中文简介正在准备中。当前显示原文说明。
plurigrid/asi☆ 702026年7月10日 更新