tangle-ui

Code review of current PR/commit changes against project coding standards. Use when the user asks for a code review or mentions reviewing changes.

Reference for the Tangle component YAML specification format

Guidelines for building well-structured, maintainable ML pipelines in Tangle

Analyzes merged PRs from the past week, identifies user-facing changes, and opens a draft PR to the TangleML/website docs repo with updated documentation. Use when running the weekly documentation sync, or when the user invokes /docs-update.

React and React Compiler patterns for this project. Use when writing React components, hooks, providers, or working with React Compiler compatibility.

Run validation and testing commands for the project. Use when the user asks to validate, lint, typecheck, or run tests.

Vitest unit and component testing patterns. Use when writing unit tests, component tests, or hook tests.

Write and debug Playwright E2E tests for Pipeline Studio. Use when creating E2E tests, debugging test failures, exploring selectors, or adding data-testid attributes to components.

How to track analytics events in tangle-ui and naming conventions for action_type values. Use when adding a new tracked event, naming an action_type, or working with the analytics provider.

Accessibility patterns and requirements for this project. Use when creating interactive components, forms, dialogs, or any user-facing UI.

Playwright E2E testing best practices for this project. Use when writing, modifying, or reviewing E2E tests.

Open source guidelines for Tangle-UI. Use when writing user-facing text, UI copy, error messages, banners, documentation, or any content visible to users.

Project conventions for Tangle-UI including file structure, imports, code quality, and general rules. Use when writing new code, creating files, or organizing imports.

Domain terminology and concepts for Tangle. Use whenever discussing, naming, or working with pipelines, runs, components, tasks, inputs, outputs, executions, or any Tangle domain concepts.

TanStack Query v5 patterns for data fetching, mutations, and cache management. Use when writing queries, mutations, or working with server state.

TanStack Router patterns for routing, navigation, search params, and layouts. Use when creating routes, navigating, or working with URL state.

TypeScript coding standards for this project. Use when writing TypeScript code, defining types, or working with type safety.

UI primitive components for this project (BlockStack, InlineStack, Text, Heading, Paragraph, Button, Icon). Use when writing JSX, creating components, or working with layout and typography.