js-sdk

Add or review RTL compatibility for Orderly Web pages and components. Use this skill whenever the user asks to make a page/component support RTL, Arabic/Farsi/Hebrew, direction switching, mirrored layout, RTL bugs, or compatibility with the feature/rtl implementation in this repository.

Generate extend/en.json, translate it into 19 locales, and merge into main locale JSON files.

Standardizes how to create and expose Orderly Plugin Interceptor Targets with typed props, injectable wiring, and package entry registration. Use when adding a new interceptor target, refactoring a component to be interceptable, or wiring InterceptorTargetPropsMap module augmentation.

Improve TypeScript/JSDoc and extraction metadata feeding apps/ai-docs generators (hooks, components, types)—before or alongside doc-template work.

Implement source-level quality improvements for component and hook docs generated by apps/ai-docs.

Execute MCP Inspector testing workflow for @orderly.network/sdk-docs. Use when user asks to test MCP tools, validate stdio inspector setup, run smoke/regression checks, or troubleshoot MCP JSON parse issues.

Migrates a monorepo sub-package to a standalone package (copy with excludes, then apply config changes).

Automatically scan code directories and generate or update structured Markdown documentation (index + detail) for Dart, Rust, TypeScript, JavaScript, React/Next.js and more. Use when you need to create or incrementally update API/type/component docs directly from source code.

Given a Sentry issue URL (direct or Slack), fetches details via MCP, analyzes root cause against the current repo code, and generates code fix suggestions. Use when the user provides a Sentry issue link or URL to investigate and fix.

Finds hardcoded color values (hex, rgb, rgba) in a specified directory, a single file, or multiple files and replaces them with theme variables from apps/storybook/src/tailwind/customTheme.ts. Prefers Tailwind class names (oui-*) from packages/ui/tailwind.config.js when the context allows; otherwise uses CSS variables (e.g. rgb(var(--oui-color-primary)) or rgba with alpha). When the original was rgba, keep the comma syntax: rgba(var(--oui-color-*), alpha); do not convert to slash syntax. When code already uses rgb(var(--oui-*)/α) or rgb(var(--oui-*)_/_α), do not convert to rgba(var(--oui-*), α). When no exact match exists, uses the closest theme color by semantics or RGB distance. Use when the user asks to find or replace hardcoded colors in a directory/file(s), or to align colors with customTheme.

Add semantic override classNames (oui-*) for style hooks. Use when the user asks for custom styling, theme overrides, or CSS-targetable elements.