kentoje

@kentoje source repo

34 skills
0 followers
5 hours ago last updated

▌
UI Skills · kentoje
Opinionated constraints for building better interfaces with agents. Covers tech stack choices (Tailwind, motion/react, tw-animate-css), accessible component primitives, interaction patterns, animation guidelines, typography, layout, and performance best practices.

0
installs
▌
Herdr 2 · kentoje
Control the herdr terminal multiplexer through its CLI, including workspaces, tabs, panes, agents, and output waits. Use only when `HERDR_ENV=1` indicates the current session is inside herdr.

0
installs
▌
Agent Browser 2 · kentoje
Drive a real browser through the `agent-browser` CLI for navigation, interaction, visual evidence, and data extraction. Use when testing a web surface, filling a form, capturing screenshots or video, inspecting accessibility, or debugging browser behavior.

0
installs
▌
Aircall Hydra UI Lib 2 · kentoje
Apply established Aircall Hydra design-system and block conventions when changing React UI components. Use when working in `packages/ds` or `packages/blocks`, choosing component composition, wiring variants or polymorphism, or reviewing exports and stories.

0
installs
▌
Typescript Best Practices 2 · kentoje
Keep TypeScript contracts narrow, validated, and exhaustive. Use when reading, writing, reviewing, or refactoring `.ts` and `.tsx` code, especially at external-data boundaries.

0
installs
▌
Agent Browser Aircall Local 2 · kentoje
Authenticate and drive Aircall staging or local development pages through `agent-browser`. Use when the target hostname contains Aircall, including the staging dashboard or a portless `.localhost` worktree URL; prefer this skill over generic browser guidance for those hosts.

0
installs
▌
Vercel React Best Practices 2 · kentoje
Reduce avoidable React latency, rendering work, and bundle cost using impact-ranked patterns. Use when implementing or reviewing React components, async data flows, client fetching, re-renders, rendering performance, or JavaScript and bundle optimization.

0
installs
▌
Agent Browser Aircall Local 3 · kentoje
Browse Aircall staging or local dev URLs with automatic authentication. USE THIS skill (not the generic agent-browser skill) whenever the target URL contains "aircall" in the hostname (e.g. dev.aircall-staging.com, localhost running Aircall).

0
installs
▌
Jira · kentoje
View and interact with Jira tickets using the jira CLI. Use when the user asks to view a ticket, list assigned issues, check sprint status, search issues, add comments, or change ticket status via a Jira URL or key.

0
installs
▌
Herdr · kentoje
Control herdr from inside it. Manage workspaces and tabs, split panes, spawn agents, read output, and wait for state changes — all via CLI commands that talk to the running herdr instance over a local unix socket. Use when running inside herdr (HERDR_ENV=1).

0
installs
▌
Notify · kentoje
Send notifications via ntfy.sh to alert about completed tasks, errors, or important events. Use when a long-running task has finished, an error needs attention, or the user explicitly asks to be notified about any event.

0
installs
▌
Fix E2e Test · kentoje bundle
Fix a broken Playwright e2e test by reproducing the failure in a real browser FIRST and capturing the live UI, then editing the test once - instead of the blind edit-rerun-repeat loop. Use when an Aircall Playwright e2e test is failing/flaky, a CI e2e job is red, or on "fix this broken test". Leans on agent-browser-aircall-local for auth + portless URLs. Guards against masking a real product regression by editing the test to pass.

0
installs
▌
Lokalise CLI · kentoje
Manage Lokalise projects, languages, keys, translations, and file imports or exports with the Lokalise CLI v2. Use when the user mentions Lokalise, localization projects, translation keys, or syncing translations.

0
installs
▌
Agent Browser · kentoje bundle
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

0
installs
▌
Ping Me Slack · kentoje
Ping Kento on Slack (DM) when a task is fully ready / complete. Use when the user says "ping me on slack when ready/done", "slack me when this finishes", or asks to be notified on Slack after a long-running task, build, or review completes.

0
installs
▌
Aircall Dev Flow · kentoje bundle
Orchestrates Kento's per-ticket dev loop end-to-end in this session: Jira ticket → create/reuse a git worktree → implement → debug in the browser → commit, push, open the MR → optionally watch the pipeline. Runs autonomously through setup and implementation, then STOPS at a readiness gate before shipping. Use when the user wants to start work on a ticket/feature/fix, "spin up a worktree and implement", "take this from ticket to MR", or kick off the dev flow. Delegates each step to existing skills — it does not reimplement them. For work that maestro owns or should own, use `aircall-dev-flow-maestro`.

0
installs
▌
Aircall Merge Train · kentoje
Drive a fast-forward GitLab "merge train" on Aircall repos — merge a set of approved MRs one-by-one (rebase → arm merge-when-pipeline-succeeds → poll → merge), handling approval-resets, Cursor Bugbot gates, rebase conflicts, and flaky E2E retries. Supervised, CI-paced, human-gated. Use after aircall-react-doctor-pipeline produces Ready MRs, or whenever the user asks to "watch and merge" any batch of approved MRs on an Aircall GitLab repo whose merge_method is ff. Repo-agnostic within Aircall (reads merge settings dynamically); not react-doctor-specific.

0
installs
▌
Grill Me · kentoje
Stress-test a plan or design through a focused, one-question-at-a-time interview. Use when the user asks to be grilled, wants a plan challenged relentlessly, or needs dependencies and trade-offs resolved before implementation.

0
installs
▌
Aircall Hydra UI Lib · kentoje bundle
Conventions for building components in Aircall's UI libraries — @aircall/ds (design system, Tailwind 4 + Base UI) and @aircall/blocks (higher-level compositions) — as they live in the Aircall Hydra monorepo. Use when adding or refactoring a component in packages/ds or packages/blocks, deciding between a compound component and a prop, wiring variants, polymorphism, or exports. Triggers on "build a DS component", "add a block", or work touching packages/ds / packages/blocks inside Hydra.

0
installs
▌
Web Animation Design · kentoje bundle
Design and implement web animations that feel natural and purposeful, based on Emil Kowalski's "Animations on the Web" course. Use proactively when the user asks about easing, timing, springs, transitions, animation performance, or how to animate specific UI elements. Covers CSS transitions, Framer Motion, GSAP, accessibility (prefers-reduced-motion), and common patterns like modals, tooltips, page transitions, hover states, and microinteractions.

0
installs
▌
Gitlab Mr Watch And Fix · kentoje bundle
Watch one open GitLab merge request for new review, Bugbot, security, and pipeline feedback, then apply safe fixes on its existing branch and worktree. Use when asked to watch an MR, monitor a pipeline, fix review comments continuously, or keep an MR green without opening another MR.

0
installs
▌
Aircall Dev Flow Maestro · kentoje
The per-ticket dev loop for work that maestro owns: ticket → worktree → implement → debug → gate → MR, with a maestro ownership check before any worktree is created and `maestro adopt` after the MR exists. Use when the ticket is already a maestro task, when a virtuoso may be live on it, or when the work should stay reachable by `maestro resume` later. For a one-off ticket in this session with no maestro involvement, use `aircall-dev-flow` instead.

0
installs
▌
Jira Attach Cropped Image · kentoje bundle
Attach images to a Jira issue (Jira Cloud / aircall-product.atlassian.net), optionally cropped to just a UI component instead of a full-page screenshot. Use whenever asked to "add a screenshot/image to a Jira ticket", "attach the current component to the ticket", or to put a component image in a ticket description. Covers the REST upload (the MCP/CLI can't attach), why inline-in-description embedding is impossible, and how to crop.

0
installs
▌
Typescript Best Practices · kentoje bundle
TypeScript best practices. Use when reading or editing any .ts or .tsx file.

0
installs
▌
Agent Browser Aircall Local · kentoje
Browse Aircall staging or local dev URLs with automatic authentication. USE THIS skill (not the generic agent-browser skill) whenever the target URL contains "aircall" in the hostname (e.g. dashboard.aircall-staging.com, localhost running Aircall).

0
installs
▌
Agent Browser Storybook Dev · kentoje
Drive agent-browser against a locally-running Storybook to inspect, screenshot, and debug a single component in isolation. USE THIS skill (not the generic agent-browser skill) whenever the target is a Storybook dev server — e.g. @aircall/ds (:6008) or @aircall/blocks (:6009) in the Hydra monorepo. Renders one story via the preview iframe so the manager chrome (sidebar, toolbar, addons panel) is never in the way. Triggers on "inspect/debug a story", "screenshot a component in Storybook", or component work that needs a live render.

0
installs
▌
Gitlab Create Merge Request · kentoje
Create a GitLab merge request using glab CLI with the first commit message as the title. Use when the user asks to open an MR for the current branch targeting main, or after completing work that needs review.

0
installs
▌
Vercel React Best Practices · kentoje bundle
React performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, data fetching, bundle optimization, or performance improvements.

0
installs
▌
Remove Stale Gitlab Worktrees · kentoje bundle
Audits local GitLab and Maestro worktrees against GitLab open merge requests, then removes only user-confirmed stale worktrees. Use when asked to find, list, prune, clean up, or remove stale Git worktrees, including Maestro worktrees.

0
installs
▌
Write Discoverable Code · kentoje
Make symbols, files, and diagnostics easy to locate through plain-text search. Use when adding, moving, renaming, or reviewing functions, types, constants, files, error messages, or documentation.

0
installs
▌
Release Ping Dashboard Puss In Boots · kentoje
Draft a Slack release sign-off request for unreleased dashboard commits using a Puss in Boots persona. Use when the user asks to check unreleased dashboard commits, ping authors before a prod release, or request release sign-off with Puss in Boots.

0
installs
▌
Release Ping Dashboard Squirrel King · kentoje bundle
Draft a Slack release sign-off request for unreleased dashboard commits using the Squirrel King persona. Use when the user asks to "check unreleased commits", "ping authors before prod release", or "who hasn't signed off on the release yet" for dashboard-v4.

0
installs
▌
Vercel Composition Patterns · kentoje
Design React component APIs that remain flexible without boolean-prop sprawl. Use when building or refactoring reusable components, compound components, context providers, render APIs, or other component architecture, including React 19 code.

0
installs
▌
Thermo Nuclear Code Quality Review · kentoje
Perform an exceptionally strict maintainability and architecture review that looks for structural regressions and simpler designs. Use when asked for a thermo-nuclear or thermonuclear review, deep code-quality audit, or especially demanding review of a change.

0
installs

34 published skills