ngx-ui
Build and convert Swimlane UI components from Angular to Lit
All Skills in This Repository (3)
Pure Emerald Level Indicatorsuse-swim-ui
Organize Swimlane swim-ui web components in Turbine widgets for consistent dashboards.
generate-swimlane-swim-solution
Generate standalone Swimlane Lit Element solutions using the swim-ui CDN bundle.
generate-swim-from-angular
Convert Angular components into Lit web components with generated folder structure.
Frequently Asked Questions
FAQPage SchemaHow to install ngx-ui skills?â–¼
Run `npx skills add swimlane/ngx-ui --all -g -y` in your terminal to install all skills in this suite globally.
How to convert Angular components to Lit?â–¼
Use the generate-swim-from-angular skill: point it at an ngx-ui component and it produces a matching swim-ui Lit component with styles, events, and a working demo.
Can I build widgets without a build step?â–¼
Yes. The solution generator creates a single JavaScript file that loads all Swimlane components from CDN, so it runs directly in the browser.
Does it work with Claude Code and Cursor?â–¼
Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, OpenClaw, and Codex.
Do I need to know the swim-ui API by heart?â–¼
No. The use-swim-ui skill gives your AI agent the full component list, properties, events, and slots so it writes correct code automatically.
Related Repositories in Design & Creative
View All in Design & Creative→ui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video