skills.rest
johnlindquist
johnlindquistCOMMUNITY
Explore all skills by this author →
Website𝕏@johnlindquistGitHub

script-kit-components

Provide reusable UI components and design patterns for the Script Kit GPUI framework.

28|6|Updated Dec 27, 2025
Search Tags:#design system#rust#frontend development#ui components#gpui#script kit
One-click install
npx skills add https://github.com/johnlindquist/script-kit-next --skill script-kit-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: script-kit-components
Source: https://github.com/johnlindquist/script-kit-next/tree/main/.opencode/skill/script-kit-components
Command: npx skills add https://github.com/johnlindquist/script-kit-next --skill script-kit-components

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized set of UI components and patterns for building consistent and performant user interfaces within the Script Kit GPUI framework, reducing development time and ensuring visual coherence.

Core Features & Use Cases

  • Component Library: Offers pre-built components like ListItem, UnifiedListItem, and Button for common UI elements.
  • Theming & Styling: Demonstrates how to manage colors and design tokens using Colors structs for efficient rendering.
  • Use Case: When developing a new script that requires a list of items with descriptions and icons, you can leverage ListItem or UnifiedListItem to quickly implement a polished UI element.

Quick Start

Use the ListItem component to create a new list item with the text "My Script" and a description "Runs a quick task".

Frequently Asked Questions about script-kit-components

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

FAQPage Schema
What are reusable UI components for Script Kit GPUI?▼

Reusable UI components for Script Kit GPUI are pre-built elements like ListItem and Button that provide standardized design patterns to build consistent, native-like interfaces efficiently.

How do I build consistent frontend interfaces in Rust GPUI?▼

You build consistent frontend interfaces in Rust GPUI by leveraging a component library with predefined design tokens and Colors structs, ensuring visual coherence and reducing development time.

Does Script Kit support pre-built list item variations for frontend development?▼

Yes, Script Kit supports pre-built list item variations such as ListItem and UnifiedListItem, enabling you to quickly implement polished UI elements with descriptions and icons.

How do I manage theming and colors in a Script Kit GPUI script?▼

You manage theming and colors in a Script Kit GPUI script by utilizing Colors structs to handle design tokens, which facilitates efficient rendering and maintainable UI styling.

Can I use prompt containers and panel configurations for Script Kit UI development?▼

Yes, you can use prompt containers and panel configurations to construct native-like user interfaces within the Script Kit GPUI framework, optimizing for performance and maintainability.

Related Skills

Explore More Software Engineering Skills→
johnlindquistjohnlindquist
28

script-kit-prompts

Provide GPUI UI components for interactive input in Script Kit scripts.

Community
Advanced
leonelcnrleonelcnr

interface-design

Generate interface designs for dashboards, admin panels, and SaaS applications.

Community
Advanced
ChapmanRichardChapmanRichard

asl-general-ui-component-reuse-rust-red

Enforce Rust-Red design tokens and component reuse from src/components/ui.

Community
Intermediate
longbridgelongbridge
12.5k

new-component

Guides creation of new GPUI components using established Rust patterns.

Official
Intermediate