longbridgelongbridgeOfficialยท18 Agent Skills Included

gpui-component

Build native desktop app interfaces in Rust with AI guidance

Guides AI agents to build cross-platform desktop interfaces using 60+ ready-made GPUI components like buttons, tables, dialogs, and charts. Eliminates guesswork around Rust UI code, theming, state handling, and desktop interaction conventions. Enforces proven design and coding rules so agents produce consistent, native-feeling apps for macOS, Windows, and Linux.
npx skills add longbridge/gpui-component --all -g -y
Available:

Directs the AI agent to follow the repository's mandatory design and coding guides, component initialization rules, theming system, and architecture constraints whenever it builds or modifies UI code in this project.

All Skills in This Repository (18)

Pure Emerald Level Indicators
๐Ÿ“ฆ In Repo
longbridgelongbridge

gpui-async

Coordinate GPUI foreground UI updates with background async tasks.

Official
Intermediate
๐Ÿ“ฆ In Repo
longbridgelongbridge

github-pull-request-description

Generate concise GitHub pull request descriptions with structured sections for features and fixes.

Official
Intermediate
๐Ÿ“ฆ In Repo
longbridgelongbridge

gpui-context

Manage GPUI App, Window, and Context<T> state and rendering.

Official
Advanced
๐Ÿ“ฆ In Repo
longbridgelongbridge

gpui-action

Define actions and bind keyboard shortcuts in GPUI applications.

Official
Intermediate
๐Ÿ“ฆ In Repo
longbridgelongbridge

gpui-global

Manage app-wide global state in GPUI with the Global trait.

Official
Intermediate
๐Ÿ“ฆ In Repo
longbridgelongbridge

gpui-layout-and-style

Style GPUI components with CSS-like properties in Rust.

Official
Intermediate
๐Ÿ“ฆ In Repo
longbridgelongbridge

gpui-test

Automate GPUI component tests with TestAppContext and VisualTestContext.

Official
Advanced
๐Ÿ“ฆ In Repo
longbridgelongbridge

gpui-style-guide

Guide GPUI component structure, trait implementations, and naming conventions.

Official
Advanced
๐Ÿ“ฆ In Repo
longbridgelongbridge

gpui-element

Implement custom GPUI elements via the low-level Element API lifecycle.

Official
Advanced
๐Ÿ“ฆ In Repo
longbridgelongbridge

generate-component-documentation

Generate Markdown documentation for new components using existing docs templates.

Official
Intermediate
๐Ÿ“ฆ In Repo
longbridgelongbridge

new-component

Guides creation of new GPUI components using established Rust patterns.

Official
Intermediate
๐Ÿ“ฆ In Repo
longbridgelongbridge

generate-component-story

Create UI component stories with section-based layouts and usage examples.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install gpui-component?โ–ผ

Run `npx skills add longbridge/gpui-component --all -g -y` in your terminal to install all skills in this suite globally.

What is GPUI Component used for?โ–ผ

It is a Rust UI library with 60+ components for building fast, native-feeling desktop apps on macOS, Windows, and Linux using the GPUI framework.

How do these skills help my AI coding agent?โ–ผ

They teach your agent the correct component APIs, theming rules, and design conventions so it writes valid GPUI interface code instead of inventing methods that do not exist.

Does gpui-component work with Claude Code and Cursor?โ–ผ

Yes. The skills follow the universal SKILL.md standard and work in Claude Code, Cursor, Gemini CLI, Codex, and other compatible agents.

Do I need Rust experience to use these skills?โ–ผ

Basic Rust knowledge helps, but the skills give your AI agent the setup steps, component catalog, and code patterns needed to generate working desktop UI code for you.

Related Repositories in Design & Creative

View All in Design & Creativeโ†’