Skip to content

feat(skill-buttons): add PostHog actions menu to header#1708

Merged
jonathanlab merged 3 commits intomainfrom
posthog-code/skills-buttons
Apr 23, 2026
Merged

feat(skill-buttons): add PostHog actions menu to header#1708
jonathanlab merged 3 commits intomainfrom
posthog-code/skills-buttons

Conversation

@jonathanlab
Copy link
Copy Markdown
Contributor

@jonathanlab jonathanlab commented Apr 17, 2026

Adds a new skill buttons menu to the task header that allows users to trigger PostHog-related actions (add analytics, create feature flags, run experiments) directly from the UI. This includes a new SkillButtonsMenu component with a primary action button and dropdown menu for additional actions.

CleanShot 2026-04-17 at 14 55 29@2x

Created with PostHog Code

Generated-By: PostHog Code
Task-Id: 08c5ae59-7ba7-44bf-9dbf-a015532342c6
return <Icon size={14} weight="bold" color={color} />;
}

export function SkillButtonsMenu({ taskId }: SkillButtonsMenuProps) {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: can we make this button match the height / border radius / etc of the neighboring buttons pls?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes will do!

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done — dropped the ButtonGroup and used a flex wrapper with an inline 3px outer radius, so the two buttons now render at 24px / 3px to match the neighboring Radix Themes size="1" git buttons.

tooltip: string;
}

export const SKILL_BUTTONS: Record<SkillButtonId, SkillButton> = {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[nit] mostly for brevity, what are your thoughts on making the labels more like actions?

examples:
- "Add analytics" -> "Track events"
- "Add error tracking" -> "Track errors"

not sure if that actually makes things more brief lol but perhaps something in that direction, lmk what you think

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yup that's way better, let's do that.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shortened the labels to action verbs: Add analytics → Track events, Add error tracking → Track errors, Instrument LLM calls → Trace LLM calls, Add logging → Capture logs, Create feature flag → Add feature flag. Run experiment stays as is.

Shorten labels to action verbs ("Track events", "Track errors",
"Trace LLM calls", "Capture logs", "Add feature flag") for brevity,
and drop ButtonGroup in favor of a flex wrapper with 3px outer radius
so the menu matches the neighboring Radix Themes size="1" git buttons.

Generated-By: PostHog Code
Task-Id: a0864e1a-e8f9-4600-a40f-cfebfc25e324
@jonathanlab jonathanlab merged commit 4276423 into main Apr 23, 2026
15 checks passed
@jonathanlab jonathanlab deleted the posthog-code/skills-buttons branch April 23, 2026 12:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants