Implementing custom elements using GPUI's low-level Element API (vs. high-level Render/RenderOnce APIs). Use when you need maximum control over layout, prepaint, and paint phases for complex, performance-critical custom UI components that cannot be achieved with Render/RenderOnce traits.
Install
npx skills add longbridge/gpui-kit --skill gpui-elementnpx skills add longbridge/gpui-kit --skill gpui-element -a claude-code -gnpx skills add longbridge/gpui-kit --skill gpui-element -a codex -ggemini skills install https://github.com/longbridge/gpui-kit.git --path .claude/skills/gpui-elementgh skill install longbridge/gpui-kit gpui-elementgit clone --depth 1 https://github.com/longbridge/gpui-kit /tmp/longbridge__gpui-kit
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/longbridge__gpui-kit/.claude/skills/gpui-element ~/.claude/skills/gpui-element # Claude Code
cp -R /tmp/longbridge__gpui-kit/.claude/skills/gpui-element ~/.agents/skills/gpui-element # Codex, Cursor, Gemini CLI, Copilot, OpenCode