Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
Defines the visual language of the brand, including color palette, typography, logo usage, and imagery guidelines.
Provides visual identity direction and creative briefing frameworks including Alina Wheeler's five-phase process, strate...
Self-scoring visual feedback loop for web UI polish. Use when user says 'iterate on design', 'polish UI', 'make it look...
This skill should be used when the user asks to 'mockup the layout', 'sketch the diagram', 'show me the layout before co...
Use when activating visual showcase modes (supersaiyan, kamehameha, over9000) for UI or interaction design - provides mo...
High-density industrial mold counting and inventory tracking using YOLOv8/v11.
Inspect rendered pages for visual polish, readability, and design consistency using Chrome browser automation
Guidelines for visual predictive checks following Säilynoja et al. recommendations using ArviZ
Visual QA checkpoint for conductor gates. Uses tabz MCP tools to check browser console errors, take screenshots, and ide...
Complete visual QA - screenshots with full-page scroll to trigger animations, then analyze with Claude. Run after CSS/te...
Use vision models to self-review screenshots against design intent. Catches spacing issues, alignment problems, color in...
Visual QA inspector that navigates the running app in Chrome to detect visual bugs, layout issues, console errors, and n...
Chrome DevTools Performance panel specialist. Analyzes flame charts, FPS, CPU usage, timeline events, CSS selector stats...
Lighthouse performance audit specialist. Runs Lighthouse CLI to measure performance scores, Core Web Vitals, and identif...
Static React code analyzer for performance anti-patterns. Scans source code for missing memoization, inline objects in p...
React DevTools Profiler specialist. Uses the React DevTools extension to analyze component render behavior, commit timin...
Screenshot-based regression testing with Playwright. Compares rendered pixels against baseline PNGs. Use when working wi...
Setup visual regression testing with Storybook stories, configuration, and CI/CD workflows. Supports Chromatic, Percy, B...
Visual regression testing skill using Playwright, covering screenshot comparison, visual diff thresholds, responsive tes...
Visual Regression Test Agent. Storybook + Chromatic/Percy를 사용한 Visual Regression 테스트를 담당합니다. UI 변경 감지 및 시각적 일관성을 검증합니다.
Sets up visual regression testing using Percy, Chromatic, or Playwright to catch unintended UI changes through screensho...
Automate visual validation of component states to catch styling regressions.
This skill enables Claude to execute visual regression tests using tools like Percy, Chromatic, and BackstopJS. It captu...
Compare screenshots and pixel diffs.
Implements visual regression testing with screenshot comparison, diff detection, and CI integration using Playwright or...
Use this skill when users mention "visual regression", "detect UI changes", "screenshot comparison", "visual testing", "...
AI-powered visual regression testing skill for e-commerce websites. Designs screenshot comparison workflows, mobile/desk...
Comprehensive visual regression testing using Playwright and jest-image-snapshot. Implements screenshot comparison, base...
Validates visual consistency across UI changes using screenshot comparison. Uses MCP browser tools for automated screens...
Adds visual capabilities to the agent using Playwright MCP with Script Execution support.
Expert visual communication specialist focused on creating compelling visual narratives, multimedia content, and brand s...
Color scheme and icons for consistent Autopilot output. Reference when formatting agent output and status messages.
Use when creating or modifying UI components, styling, themes, or layouts in peek-stash-browser. Follow these visual con...
This skill should be used when the user asks about "colors", "hex codes", "path colors", "tile background", "rendering o...
Visual iteration workflow for Script Kit GPUI. Use when making UI changes that need visual verification — focus indicato...
Compare implementation screenshot with Figma design for visual testing
Run the app locally and take screenshots using Puppeteer to verify UI changes; use when validating demo pages, checking...
Use for visual UI verification with Playwright MCP. Test user flows, verify UI states, and catch visual regressions.
Design and implement visual regression testing for UI changes. Definesscreenshot coverage, rendering stabilization, base...
Advanced visual regression testing with pixel-perfect comparison, AI-powered diff analysis, responsive design validation...
Visual UI testing expert using Playwright MCP for browser automation. Use when testing responsive layouts, verifying UI...
Use when: Assessing visual polish, validating game appearance, or claiming visual work is complete
Screenshot comparison QA for frontend development. Takes a screenshot of the current implementation, scores it across mu...
Visually verify implemented features work correctly before marking complete. Use when testing UI changes, verifying web...
This skill should be used when the user asks to 'verify visual output', 'check how it looks', 'render and review', 'visu...
Visuelle Verifikation via Puppeteer. Erzwingt echte Sichtprüfung statt theoretischer Code-Analyse. Nimmt Screenshots, an...
Rules for charts and visualization. Use when the user asks for charts, graphs, plots, or visual representations (line, b...
Knowledge about pyecharts chart creation, HTML report generation, and visualization best practices
Data visualization with OpenAlgo - candlestick charts, options payoff diagrams, P&L dashboards, and real-time Streamlit...
Evaluate and implement visualization algorithms for ocean/foam rendering. Use when discussing rendering techniques, cont...
Manage visualization best practices operations. Auto-activating skill for Data Analytics. Triggers on: visualization bes...
Review chart choice, labeling, accessibility, and storytelling quality for existing visualizations. Use as an explicit/m...
Chart selection and data visualization guidance for effective data communication. Use when: creating visualizations, cho...
Use when designing dashboards, reports, and narratives for GTM stakeholders.
GraphDB可視化エージェント - RyuGraphデータベースの内容をMermaid/DOT/HTML形式で可視化。/visualize-graph [出力パス] で呼び出し。
Create an interactive HTML viewer to visualize and verify parsed metadata against source documents.
Automatically find the latest portfolio CSVs, process them, and display visualizations in web browser. Use when you want...
I see what you describe. Let me show it to others.
Builds dashboards, reports, and data-driven interfaces requiring charts, graphs, or visual analytics. Provides systemati...
Create professional Mermaid diagrams with proper styling and visual hierarchy. Use when creating flowcharts, sequence di...
Build data visualizations with visx (React + D3). Use for charts, graphs, and interactive data exploration.
Generate vital signs using FHIR Vital Signs profile and lab panels (CBC, BMP, CMP, lipid, HbA1c, urinalysis, COVID) with...
Vite performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Vite configu...
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite...
Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins,...
Vite fast build tool with HMR. Use for modern frontend builds.
Vite is a next-generation frontend build tool that provides a fast dev server with HMR and optimized production builds
Build modern frontend applications with Vite. Covers project setup, plugins, configuration, environment variables, and b...
Vite configuration, plugins, optimization, HMR, and build customization.
Configures Vite build tool, HMR, and SWC transpilation for React development. Use when: modifying vite.config.ts, adding...