Back to tags
Tag

Agent Skills with tag: ui-components

95 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

makepad-rust

Rust patterns and best practices specific to Makepad UI development. Covers widget ownership (WidgetRef, WidgetSet), lifetime management, derive macros (Live, Widget), state management, async architecture with tokio integration (why UI/async separation is needed, global runtime pattern, request channels, response mechanisms like SignalToUI and Cx::post_action), platform-specific code, Unicode/grapheme handling for CJK and emoji text, and performance optimization. Use when writing Rust code for Makepad applications.

rustmakepadui-componentsasync-await
ZhangHanDong
ZhangHanDong
11118

makepad-patterns

Production-ready widget patterns for Makepad applications. Use when implementing modals, overlays, lists, navigation, async data loading, or complex widget compositions in Makepad projects.

makepadui-componentsdesign-patternsdata-fetching
ZhangHanDong
ZhangHanDong
11118

wayfinder

How to work effectively with Laravel Wayfinder, always use when developing frontend features

laravelwayfinderfrontend-developmentui-components
markhamsquareventures
markhamsquareventures
0

shadcn

How to work effectively with shadcn/ui components, always use when adding UI components

shadcn-uicomponent-libraryui-componentsfrontend
markhamsquareventures
markhamsquareventures
0

react

How to work effectively with React, always use when developing frontend components

reactfrontendui-componentsjavascript
markhamsquareventures
markhamsquareventures
0

inertia

How to work effectively with Inertia, always use when developing frontend features

inertia.jsfrontend-frameworkjavascriptui-components
markhamsquareventures
markhamsquareventures
0

frontend-development

前端页面开发。当用户需要开发 Web 应用、创建 UI 组件、实现交互功能或优化前端性能时使用此技能。

frontendweb-developmentui-componentshtml-css
aAAaqwq
aAAaqwq
0

TanStack Table

|

tanstack-tabletypescriptreactdata-grid
Jeremy Dawes | Jezweb
Jeremy Dawes | Jezweb
81

ui-design-system

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

design-systemsdesign-tokensui-componentsresponsive-design
ovachiever
ovachiever
81

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

frontendweb-developmenthtml-cssresponsive-design
ovachiever
ovachiever
81

liveview-patterns

Phoenix LiveView UI and real-time feature patterns

phoenixelixirliveviewreal-time
layeddie
layeddie
0

generating-frontend-styleguides

Use when asked to create or edit style guides, design systems, component libraries, or update existing frontend components for web projects

style-guidefrontenddesign-systemscomponent-library
wzkariampuzha
wzkariampuzha
0

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

frontendhtml-cssresponsive-designui-components
overstarry
overstarry
0

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

frontendhtml-cssresponsive-designui-components
bahayonghang
bahayonghang
0

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

web-uihtml-cssresponsive-designui-components
Nymbo
Nymbo
1

kotlin-compose

Jetpack Compose - composables, state, effects, theming

kotlinjetpack-composeui-componentstheming
pluginagentmarketplace
pluginagentmarketplace
1

swiftui-ui-patterns

Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.

swiftuiiosui-componentsexample
bout3fiddy
bout3fiddy
0

vue-fundamentals

Master Vue.js core concepts - Components, Reactivity, Templates, Directives, Lifecycle

vuejavascriptframework-selectionui-components
pluginagentmarketplace
pluginagentmarketplace
1

Page 1 of 6 · 95 results