Agent-Skills.md

Agent Skills: new-component

How to write a new component of GPUI Component.

UncategorizedID: johnlindquist/script-kit-next/new-component

Repository

johnlindquist/script-kit-next
johnlindquistLicense: Apache-2.0
286

Install this agent skill to your local

pnpm dlx add-skill https://github.com/johnlindquist/script-kit-next/tree/HEAD/vendor/gpui-component/.claude/skills/new-component

Skill Files

Browse the full folder contents for new-component.

Download Skill

Loading file tree…

vendor/gpui-component/.claude/skills/new-component/SKILL.md

Skill Metadata

Name
new-component
Description
How to write a new component of GPUI Component.

Rules

  • Based on existing components in crates/ui/src folder, e.g.: Button, Select.
  • The UI and API follow the existing components style, we also based on Shadcn UI style.
  • If the new component are simple, we'd like to use stateless element like the Button.
  • If the new component are complex with data, we'd like to use stateful element like the Select and SelectState.
  • Keep same API style like other elements.
  • Write a new component story in story folder.
  • Write document.