Back to categories
Category

Agent Skills in category: ui

274 skills match this category. Browse curated collections and explore related Agent Skills.

forms-implementation

Build reactive and template-driven forms, implement custom validators, create async validators, add cross-field validation, and generate dynamic forms for Angular applications.

angular-formstypescriptui-componentsvalidation
pluginagentmarketplace
pluginagentmarketplace
2

angular-material

Angular Material UI components, theming, and accessible interface design

angular-materialui-componentsthemingaccessibility
pluginagentmarketplace
pluginagentmarketplace
2

angular-core-implementation

Generate Angular components, services, modules, and directives. Implement dependency injection, lifecycle hooks, data binding, and build production-ready Angular architectures.

angulartypescriptdependency-injectioncomponent-composition
pluginagentmarketplace
pluginagentmarketplace
2

SwiftUI Engineer

Build, review, debug, and modernize SwiftUI apps for macOS with modern patterns. Use when building SwiftUI UIs, reviewing code quality, debugging view issues, checking anti-patterns, migrating from AppKit, or designing app architecture.

swiftuimacoscode-reviewdebugging
TrevorS
TrevorS
2

Web Design Builder

Create and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern frameworks. Automatically verifies designs using Playwright MCP for accessibility and functionality testing. Use this skill when users ask to create web designs, mockups, landing pages, web applications, or refactor existing HTML/CSS/JS designs.

htmlcssjavascriptresponsive-design
rknall
rknall
92

UI/UX Design Review

Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive design, and best practices for web and desktop applications.

ui-designui-analysisaccessibilityresponsive-design
rknall
rknall
92

windows-ui-automation

Expert in Windows UI Automation (UIA) and Win32 APIs for desktop automation. Specializes in accessible, secure automation of Windows applications including element discovery, input simulation, and process interaction. HIGH-RISK skill requiring strict security controls for system access.

ui-automationwindowswin32-apisaccess-control
martinholovsky
martinholovsky
92

vue-nuxt

Vue 3 and Nuxt 3 for JARVIS AI Assistant UI development with security-first patterns

vue3nuxt3ui-componentsweb-security
martinholovsky
martinholovsky
92

tailwindcss

Tailwind CSS utility-first styling for JARVIS UI components

tailwind-cssui-componentsstylingdesign-systems
martinholovsky
martinholovsky
92

ui-ux-expert

Expert UI/UX designer specializing in user-centered design, accessibility (WCAG 2.2), design systems, and responsive interfaces. Use when designing web/mobile applications, implementing accessible interfaces, creating design systems, or conducting usability testing.

ui-designdesign-systemsaccessibilityresponsive-design
martinholovsky
martinholovsky
92

gsap

GSAP animations for JARVIS HUD transitions and effects

gsapanimationjavascript
martinholovsky
martinholovsky
92

linux-at-spi2

Expert in AT-SPI2 (Assistive Technology Service Provider Interface) for Linux desktop automation. Specializes in accessible automation of GTK/Qt applications via D-Bus accessibility interface. HIGH-RISK skill requiring security controls for system-wide access.

linuxui-automationassistive-technologydbus
martinholovsky
martinholovsky
92

terminal-ui-design

Use when creating CLI tools, terminal user interfaces (TUI), or any command-line applications. Load for terminal UI design, ASCII art, color schemes, box drawing characters, and polished terminal output. Also use for refactoring boring CLIs into distinctive experiences.

terminalcommand-lineascii-artcolor-schemes
ingpoc
ingpoc
5

duotone-identity

Use when designing app pages, typography, spacing, or any UI look and feel for the Identity Platform. Load for creating landing pages, chapter sections, SVG illustrations, or applying the duotone cream/charcoal design system. Keywords: design, ui, styling, theme, colors, layout

design-systemsui-designhtml-cssstyling
ingpoc
ingpoc
5

preset-manager

Activate this skill when users need help with scene preset operations including saving, applying, organizing, or managing source visibility configurations. Triggers include requests like "save this layout", "apply my gaming preset", "switch to BRB mode", "create a preset", "list my presets", "rename preset", or managing saved configurations. This skill orchestrates preset tools for efficient scene state management.

crudconfiguration-managementscene-presetslayout-management
ironystock
ironystock
31

tailwind-patterns

Quick reference for Tailwind CSS utility patterns, responsive design, and configuration. Triggers on: tailwind, utility classes, responsive design, tailwind config, dark mode css, tw classes.

tailwind-csscssstylingresponsive-design
0xDarkMatter
0xDarkMatter
3

css-styling

Write modern, maintainable CSS using best practices for layouts, responsive design, animations, and CSS architecture. Use when styling websites, fixing CSS issues, or implementing designs.

html-cssresponsive-layoutmedia-queriesflexbox
vapvarun
vapvarun
3

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

reacttailwind-cssclient-side-routinghtml-generation
vapvarun
vapvarun
3

Page 6 of 16 · 274 results