320 skills · sorted by relevance
Review and implement dark mode using CSS variables and the user's operating system preference. Check fixed colors, contrast, responsive layouts, and interaction states, with guidance for adding a manual theme switch that remembers the user's choice.
Create and review scientific figures with Matplotlib, Seaborn, or Plotly. The skill covers panel layouts, uncertainty, missing data, accessible color choices, and exported file checks, helping prepare figures for papers, presentations, or web publication.
Create an editable, single-slide PowerPoint research poster from author-approved local text and images. Check physical dimensions, image resolution, contrast, reading order, and file security, with reports to support manual review and printing.
Analyze pooled CRISPR screens from FASTQ reads or guide-count tables using MAGeCK. Validate inputs, assess library and replicate quality, and rank enriched or depleted genes with effect sizes and false discovery rates, which estimate false-positive proportions.
Audit web or mobile pages and user journeys against an agreed WCAG accessibility standard. Combine automated scans with manual checks to document barriers, prioritize fixes, and record retest results alongside any remaining gaps.
Establish consistent typography, colors, spacing, and icons for interface design. Define design tokens, reusable values for visual styles, and apply guidance on contrast, responsive text, and dark mode to improve readability and visual consistency.
Audit and improve web accessibility using WCAG 2.1 guidelines. Covers image descriptions, color contrast, keyboard controls, forms, and screen reader support, with code examples and automated and manual checks to guide fixes.
Plan and verify accessibility when changing Handsontable interfaces. Covers keyboard navigation, screen reader messages, focus behavior, and theme contrast, with Playwright tests and axe scans to check changes and resolve reported issues.
Apply OpenClaw’s brand identity to documents, presentations, social graphics, and launch materials. The skill guides color, typography, logo use, imagery, and writing tone, with checks for contrast, cropping, and text readability.
Review charts, diagrams, and dashboards for accessibility, including color contrast, keyboard access, and text alternatives. Get specific guidance for preserving key findings in screen readers, static exports, and reduced-motion views.
Give navigation, controls, and feature cards a consistent icon style using Iconify Solar Duotone Bold. It guides icon sizing, clear labels, two-tone opacity, and contrast so icons fit the surrounding interface.
Design a dark navy interface with bold cobalt feature blocks, readable white text, thin framing lines, and localized blue glow. Apply a consistent visual direction to hero banners, action cards, navigation, link groups, and footer areas.
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.
Build soft, clay-like interface components using rounded corners and layered shadows. Includes CSS variables and examples for cards, buttons, inputs, and toggles, with guidance for dark mode, readable text contrast, and visible keyboard focus.
Inspect a running website at different screen sizes to find layout problems, inconsistent styling, and accessibility issues such as poor contrast. Fix the relevant source code, recheck the results, and report changes with before-and-after screenshots.
Create a short animated quote or mission statement in a single HTML file. White and electric-blue panels meet at the center, a black accent bar grows, and text appears line by line with attribution and brand marks.
Inspect a running website at different screen sizes to find layout problems, inconsistent styling, and accessibility issues such as poor contrast. Fix the relevant source code, recheck the results, and report changes with before-and-after screenshots.
Create and edit BB color themes in a CSS file, then inspect live updates in Theme Preview. Check light and dark modes, theme values, and text contrast while adjusting colors and fonts for the app.
Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.
The English summary is being prepared. Showing the original description.
This skill should be used when the user asks to "check accessibility", "audit WCAG compliance", "scan HTML for a11y issues", "check color contrast", or "find accessibility violations in web pages".
The English summary is being prepared. Showing the original description.
Design a variation theory task using contrast, separation, and fusion to teach critical features of a concept. Use when students confuse similar concepts or fail to discern key distinctions.
The English summary is being prepared. Showing the original description.
Provides design token system and theming framework for consistent, customizable UI styling across all components. Covers complete token taxonomy (color, typography, spacing, shadows, borders, motion, z-index), theme switching (CSS custom properties, theme providers), RTL/i18n support (CSS logical properties), and accessibility (WCAG contrast, high contrast themes, reduced motion). This is the foundational styling layer referenced by ALL component skills. Use when theming components, implementing light/dark mode, creating brand styles, customizing visual design, ensuring design consistency, or supporting RTL languages.
The English summary is being prepared. Showing the original description.
Routes CUT/FastCUT/SinCUT workflows, dataset preparation, and launcher presets for the contrastive-unpaired-translation repository.
The English summary is being prepared. Showing the original description.
Implement complete dark mode for any frontend project. Auto-detects theme system (Flutter ThemeData, Tailwind dark class, CSS variables, MUI, Chakra UI, styled-components), generates a dark color palette with proper surface elevation hierarchy and desaturated brand colors, creates a theme toggle with system preference detection and persistence, migrates all hardcoded colors to theme tokens, handles special cases like images, shadows, form inputs, and charts, then verifies WCAG AA contrast ratios for both modes. Use when you need to add dark mode, fix dark theme contrast issues, create a theme switcher, or migrate hardcoded colors to theme-aware tokens.
The English summary is being prepared. Showing the original description.