515 skills · sorted by relevance
Guide SwiftUI interface design with rules against generic AI styling, advice on design direction, guidance for handling brand assets, and reviews across five dimensions. Use it to shape and assess native app interfaces.
Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.
Builds and improves web interfaces, covering layout, styling, motion, and usability. It records design rules before implementation, uses supplied references or design research, and checks the result in real browsers for visual consistency, accessibility, and performance.
Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.
Prepare voiceovers, background music, sound effects, transcripts, captions, and background cutouts for HyperFrames compositions. The skill guides audio provider selection, word timing, and caption styling, with local alternatives for several audio tasks.
Find, generate, and prepare media for HyperFrames projects, saving assets locally with records for reuse. Covers images, music, voiceovers, transcription, captions, background removal, media edits, and visual treatments such as color correction or retro styling.
Apply Remotion Studio’s interaction conventions to buttons and links: keep the default cursor, brighten text and icons on hover, and show a visible focus indicator for keyboard navigation using shared styling helpers.
Create static statistical charts from pandas tables to explore distributions, relationships, and group differences. Supports scatter plots, regression displays, pair plots, and heatmaps, with explicit choices for aggregation, uncertainty, missing data, and visual styling.
Build React Native mobile interfaces for iOS and Android, covering styling, screen navigation, gesture interactions, and animations. The skill guides React Navigation and Reanimated usage, responsive layouts, and performance improvements for mobile components.
Turn ideas, notes, or technical material into LinkedIn posts ready to copy and paste. Organize hooks, short sections, closing prompts, and hashtags, using Unicode characters to give plain text the appearance of bold or italic styling.
Builds or restyles interfaces against an approved image or live web page. It guides repeated visual checks and pixel comparisons, then preserves reusable styling rules and components alongside screenshots and verification evidence.
Create memes, humorous captioned images, using popular templates and custom text through the memegen.link API. Choose a template that fits the message, adjust dimensions and styling, and generate image links for social posts or conversations.
Apply coordinated colors and fonts to slides, documents, reports, and HTML landing pages. Choose from ten preset themes or create a custom theme from a description, review it, and apply consistent styling across the artifact.
Migrate HeroUI v2 applications to v3 with guidance for component APIs, dependencies, styling, and hooks. Choose a full migration or move components gradually while both versions coexist, using migration documentation for each step.
Convert suitable diagrams in Mastra documentation into Mermaid, a text format for diagrams, or create new ones. Assess which images to keep, follow diagram styling rules, and verify layout and readability in light and dark modes.
Build and update Mastra application interfaces using existing components from @mastra/playground-ui. Follow shared visual styles, arrange layouts with Tailwind utilities, and connect themes and stylesheets while avoiding duplicated components or unsupported appearance overrides.
Helps developers update the JetBrains chat session interface, including transcript cards, theme styling, and session state. Provides guidance for reusing UI components and testing controller behavior, streamed updates, and resource cleanup.
Build and maintain interfaces with shadcn/ui by finding, adding, and combining components. The skill uses project settings, component documentation, and change previews to guide styling, debugging, preset changes, and updates that preserve local edits.
Guides changes to Handsontable themes and CSS, including cell spacing, text, icons, and theme tokens—named styling settings. It explains compatibility rules and the files and checks needed to keep theme changes consistent.
Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.
Build HTML/CSS pages styled after a named brand using 54 design references. Templates provide colors, typography, spacing, component styles, responsive behavior, and font substitutes to guide a consistent visual result.
Render landscape videos with KrillinAI CLI, combining original footage with bilingual subtitles or prepared dubbed footage with target-language subtitles. Optionally replace audio, adjust subtitle styling, and verify the output video and subtitle placement.
Apply Carapace styling to existing OpenClaw interfaces through shared CSS, themes, and semantic tokens—named values for visual roles. Reuse existing components and check interaction states, accessibility, and browser screenshots for consistent presentation.
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.