skills.rest
swimlane
swimlaneOFFICIAL
Explore all skills by this author →
WebsiteGitHub

use-swim-ui

Organize Swimlane swim-ui web components in Turbine widgets for consistent dashboards.

734|115|Updated Aug 17, 2016
Search Tags:#frontend#web-components#turbine#custom-widgets#lit#swim-ui
One-click install
npx skills add https://github.com/swimlane/ngx-ui --skill use-swim-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: use-swim-ui
Source: https://github.com/swimlane/ngx-ui/tree/main/.cursor/skills/use-swim-ui
Command: npx skills add https://github.com/swimlane/ngx-ui --skill use-swim-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building modern Turbine widgets and custom UIs requires consistent, standards-compliant web components; this skill provides a guided approach to using Swimlane swim-ui elements across projects.

Core Features & Use Cases

  • Standardized usage of Swimlane swim-ui web components (swim-*) across custom solutions and Turbine widgets.
  • Access to full APIs, properties, events, and slots documented in the component source and reference.md.
  • CDN-safe usage and imperative APIs to instantiate and control swim-ui components in dynamic dashboards.

Quick Start

Create a Turbine widget that uses swim-ui components to build a custom interface.

Frequently Asked Questions about use-swim-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build custom Turbine widgets using Swimlane web components?▼

Use the Swimlane swim-ui skill to organize and deploy swim-* web components within Turbine widgets, leveraging properties, events, slots, and imperative APIs to achieve consistent UI across dashboards.

What's the best way to ensure consistent UI across Turbine dashboards?▼

Deploy standardized Swimlane swim-ui web components across custom solutions and Turbine widgets to ensure consistent UI, utilizing documented APIs, properties, events, and slots for reliable behavior.

How do I instantiate and control swim-ui components dynamically in a dashboard?▼

Instantiate and control swim-ui components dynamically using imperative APIs and CDN-safe usage. This enables programmatic control over component behavior and runtime integration within dynamic dashboards.

Does swim-ui support Lit for building custom web components?▼

Yes, swim-ui involves Lit for building web components. The skill guides you in using these standards-compliant custom elements within Turbine widgets to create modern, consistent custom interfaces.

Where can I find the precise API names and behavior for swim-ui components?▼

Find precise API names and behavior in the documented component source under projects/swimlane/swim-ui and the reference.md. These resources provide exact details for component discovery, interaction, and runtime integration.

Can I load swim-ui web components via CDN in my Turbine widget?▼

Yes, you can load swim-ui web components via CDN. The skill covers CDN-safe usage to support component discovery and interaction in dynamic dashboards without requiring local dependencies.

Related Skills

Explore More Software Engineering Skills→
alvarosh15alvarosh15

lit-scan

Monitor and log Lit component rerenders in real-time.

Community
Intermediate
MinhThang1009MinhThang1009
15

build-mcp-app

Create and deploy interactive MCP UI widgets for Claude chat surfaces.

Community
Advanced
shobhit-16shobhit-16

interactive-widgets

Stream interactive Flutter widgets within AI conversation streams via Nexus.

Community
Advanced
swimlaneswimlane
734

generate-swim-from-angular

Convert Angular components into Lit web components with generated folder structure.

Official
Advanced