gpui-component-dev

Contributing to the gpui-component library: creating new UI components, writing component stories, writing component documentation, and writing GitHub PR descriptions. Use when adding a new component to crates/ui, writing a story in crates/story/src/stories, creating docs in the docs/ folder, or writing a PR description for this project.

Zur Installation springen

Repository: longbridge/gpui-component
Letzte Quellaktivität: 13. August 2026 um 08:52
Erkannte Sprache von SKILL.md: Englisch
Sterne: 13.713
Forks: 828

Installationsoptionen

Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.

npx skills add https://github.com/longbridge/gpui-component --skill gpui-component-dev

Der Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.

Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.

Quelldateien prüfen

Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.

Datei-Explorer

5 Dateien

SKILL.md

Quellanweisungen · Schreibgeschützte Vorschau

name	gpui-component-dev
description	Contributing to the gpui-component library: creating new UI components, writing component stories, writing component documentation, and writing GitHub PR descriptions. Use when adding a new component to crates/ui, writing a story in crates/story/src/stories, creating docs in the docs/ folder, or writing a PR description for this project.

Navigation

Topic	File	When to load
Creating a new component	new-component.md	Adding new components to `crates/ui/src`
Writing stories	story.md	Creating examples in `crates/story/src/stories`
Writing documentation	documentation.md	Writing docs in `docs/docs/components/`
Writing PR descriptions	pr-description.md	GitHub PR descriptions and breaking changes format

Zurück zur Suche Zurück zur Installation

gpui-component

How to use the gpui-component UI library in GPUI applications, and the normative Design and Coding Guides that govern it. Use when building UIs with gpui-component components (Button, Input, Select, Dialog, Tabs, Sidebar, List, Table, etc.), setting up the library, handling component state or theming, finding the right component for a UI need, and also when designing layouts, spacing, visual hierarchy, or interaction states, writing interface copy, or making application architecture, state-ownership, or public API decisions.

2026-09-02

gpui

GPUI framework knowledge covering actions/keybindings, async/background tasks, context management (App/Window/Context<T>/AsyncApp), custom elements (low-level Element trait), entity state management, event system, focus handling, global state, layout/styling (flexbox/CSS-like), and testing. Use when working with any GPUI framework concept, building GPUI applications, or needing guidance on GPUI-specific APIs and patterns.

2026-06-24

Alle aus diesem Repository ansehen

name	gpui-component-dev
description	Contributing to the gpui-component library: creating new UI components, writing component stories, writing component documentation, and writing GitHub PR descriptions. Use when adding a new component to crates/ui, writing a story in crates/story/src/stories, creating docs in the docs/ folder, or writing a PR description for this project.

Navigation

Topic	File	When to load
Creating a new component	new-component.md	Adding new components to `crates/ui/src`
Writing stories	story.md	Creating examples in `crates/story/src/stories`
Writing documentation	documentation.md	Writing docs in `docs/docs/components/`
Writing PR descriptions	pr-description.md	GitHub PR descriptions and breaking changes format

gpui-component-dev

Quellinformationen

Installationsoptionen

Quelldateien prüfen

Navigation

Mehr aus diesem Repository

Navigation

Mehr aus diesem Repository