All skills
lassejlv avatar

/build-gpui-apps

@52f4cfd
by Lasselassejlv/skills50 stars
1

Build, scaffold, refactor, debug, review, and validate native Rust desktop applications with GPUI. Recommend GPUI Kit and ask before adopting it; use gpui_kit imports after agreement, or preserve the chosen upstream GPUI stack. Includes the merged GPUI Kit component and design skills, full application/Base/Component/Shell documentation, coding and design guides, state, actions, async, input, accessibility, motion, themes, native integration, packaging, auto updates, testing, and production delivery. Use paper-to-gpui when the primary task is faithfully translating a selected Paper.design frame into an existing view.

Use this Skill: https://skilld.dev/gh/lassejlv/skills/build-gpui-apps

This session only. Nothing lands on disk.

referencesgpui-kitupstreamcomponent.md

≈1.6k tokens on demand. Your agent reads this file only when SKILL.md points to it.

Components

Basic Components

  • Accordion - Collapsible content panels
  • Alert - Alert messages with different variants
  • Attachment - File and media attachment surfaces
  • Avatar - User avatars with fallback text
  • Badge - Count badges and indicators
  • Bubble - Chat message surface with alignment and reactions
  • Button - Interactive buttons with multiple variants
  • Checkbox - Binary selection control
  • Collapsible - Expandable/collapsible content
  • DropdownButton - Button with dropdown menu
  • Icon - Icon display component
  • Image - Image display with fallbacks
  • Kbd - Keyboard shortcut display
  • Label - Text labels for form elements
  • Marker - Conversation status and separator marker
  • Message - Composable chat message structure
  • MessageScroller - Tail-following virtualized message list
  • Pagination - Page navigation controls
  • Progress - Progress bars
  • Questionnaire - Composable multi-step questions and answers
  • Radio - Single selection from multiple options
  • Rating - Interactive star rating component
  • Skeleton - Loading placeholders
  • Slider - Value selection from a range
  • Spinner - Loading and status spinners
  • Stepper - Step-by-step progress indicator
  • Switch - Toggle on/off control
  • Tag - Labels and categories
  • TextView - Markdown and HTML text rendering
  • Toggle - Toggle button states
  • Tooltip - Helpful hints on hover

Form Components

  • Input - An input field or a component that looks like an input field.
  • Textarea - Multi-line text with fixed rows or auto-grow.
  • Editor - Source-code editing with highlighting, gutter, and folding.
  • Select - A list of options for the user to pick.
  • Combobox - Searchable single-select or multi-select dropdown.
  • NumberInput - Numeric input with increment/decrement
  • DatePicker - Date selection with calendar
  • TimeField - Segmented time-of-day input
  • OtpInput - One-time password input
  • ColorPicker - Color selection interface
  • Form - Form container and layout

Layout Components

  • DescriptionList - Key-value pair display
  • GroupBox - Grouped content with borders
  • Root - Window-level provider for themes, dialogs, and notifications
  • Theme - Customize colors, typography, and light/dark appearance
  • Dialog - Dialog and modal windows
  • Notification - Toast notifications
  • Popover - Floating content display
  • Resizable - Resizable panels and containers
  • Scrollable - Scrollable containers
  • Sheet - Slide-in panel from edges
  • Sidebar - Navigation sidebar
  • StatusBar - Bottom status bar with left/center/right regions
  • Toolbar - Top toolbar with left/right regions and sizes

Advanced Components

  • Calendar - Calendar display and navigation
  • Carousel - Browse through a set of related items
  • Command - Command palette for search and quick actions
  • Chart - Data visualization charts (Line, Bar, Area, Pie, Candlestick)
  • List - List display with items
  • Menu - Menu and context menu and dropdown menu.
  • Settings - Settings UI
  • DataTable - High-performance data tables
  • Dock - Production-ready dock layouts with tabs, splits, and persistent state
  • Tabs - Tabbed interface
  • Tree - Hierarchical tree data display
  • VirtualList - Virtualized list for large datasets

Documentation license: original prose and illustrations for which GPUI Kit holds licensing rights are also offered under CC BY 4.0. When copying or adapting, credit GPUI Kit, link the source (https://gpui-kit.com/component) and https://creativecommons.org/licenses/by/4.0/, and indicate changes. Code examples and software source use Apache-2.0; third-party material retains its terms; existing Apache-2.0 permissions remain.

Bundled from GPUI Kit. Documentation prose: CC BY 4.0; code examples: Apache-2.0. Changes: documentation links localized, asset URLs made absolute, and this attribution added.

Source: SKILL.md on GitHub

No alerts3d3 checks · Risk SAFE
  • Gen Agent Trust Hub3d

    The skill provides comprehensive documentation and reference material for building native desktop applications using Rust and GPUI. No security risks, prompt injections, or malicious behaviors were identified. External dependencies originate from reputable organizations in the Rust ecosystem.

  • Socket3d

    No alerts

  • Snyk3d

    Risk: LOW · No issues

Signed by skilld at 52f4cfd. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub yesterday.

Activeupdated 4 days ago

README badge

README badge for lassejlv/skills/build-gpui-apps