rogie/figui3

fig-editor

Guides FigUI3 editor bundle (`fig-editor.js` / `fig-editor.css`): fig-select, fig-select-options, fig-select-option, fig-fill-picker, and fig-interpolation-swatch, including React JSX usage. Use when building custom selects, grouped option lists, sticky…

لغة النص الأصلي: الإنجليزية

fig-editor

Guides FigUI3 editor bundle (`fig-editor.js` / `fig-editor.css`): fig-select, fig-select-options, fig-select-option, fig-fill-picker, and fig-interpolation-swatch, including React JSX usage. Use when building custom selects, grouped option lists, sticky…

لغة النص الأصلي: الإنجليزية

fig-lab

Guides FigUI3 experimental Lab components: fig-canvas-control, fig-input-audio, fig-input-wheel, fig-reorder, and AI composer components, including React JSX usage. APIs are unstable.

لغة النص الأصلي: الإنجليزية

figui3

Guides FigUI3 core (`fig.js` / `fig.css`) web components for Figma-style plugin UIs, including React JSX usage. Use when adding, using, or debugging fig-* elements from the core bundle—buttons, fields, overlays, menus, toolbelts, sliders, color/fill inputs,…

لغة النص الأصلي: الإنجليزية

figui3

Guides FigUI3 core (`fig.js` / `fig.css`) web components for Figma-style plugin UIs, including React JSX usage. Use when adding, using, or debugging fig-* elements from the core bundle—buttons, fields, overlays, menus, toolbelts, sliders, color/fill inputs,…

لغة النص الأصلي: الإنجليزية

publish

Publish a FigUI3 release to GitHub and npm when the user explicitly asks to publish or release the package. Handles versioning, changelog, verification, generated dist files, commit, push, and npm publication.

لغة النص الأصلي: الإنجليزية

propkit

Guides Figma-style property panel composition using fig-field rows and FigUI3 controls, including React JSX.

لغة النص الأصلي: الإنجليزية

css-render-performance

Guides CSS rendering and layout performance tests for component UIs. Use when checking selector cost, layout thrash, paint work, animation smoothness, CSS containment, computed styles, or visual regressions caused by CSS changes.

لغة النص الأصلي: الإنجليزية

frontend-performance-testing

Guides browser-based performance testing for HTML, CSS, JavaScript, and UI interactions. Use when measuring frontend performance, adding Playwright perf tests, checking regressions, profiling load/render/interaction cost, or discussing performance budgets.

لغة النص الأصلي: الإنجليزية

js-runtime-performance

Guides JavaScript runtime performance testing for frontend components. Use when profiling event handlers, DOM update loops, memory leaks, timers, animation frames, pointer/keyboard interactions, or regressions in vanilla JS component code.

لغة النص الأصلي: الإنجليزية

web-component-performance

Guides performance testing for native Web Components and custom elements. Use when measuring custom element registration, upgrade cost, connected/disconnected callbacks, attributeChangedCallback churn, Shadow DOM work, slots, or fig-* component scalability.

لغة النص الأصلي: الإنجليزية

a11y

Guides accessibility review and implementation for FigUI3 web components and playground examples. Use when the user mentions accessibility, a11y, ARIA, screen readers, keyboard navigation, focus rings, labels, roles, disabled states, contrast, dialogs, menus,…

لغة النص الأصلي: الإنجليزية

css-component-testing

Guides CSS and layout tests for FigUI3 components. Use when validating component CSS, nested selectors, tokens, interaction states, computed styles, layout boxes, or visual regressions.

لغة النص الأصلي: الإنجليزية

web-component-testing

Guides real-browser tests for FigUI3 custom elements. Use when adding or debugging tests for fig-* web components, attribute/property contracts, value synchronization, event payloads, disabled behavior, or custom element registration.

لغة النص الأصلي: الإنجليزية

caveman

Terse communication mode—50-75% fewer tokens. Do work, report result, stop. No preamble, no self-narration.

لغة النص الأصلي: الإنجليزية

nested-css-selectors

Implements CSS nesting and advanced selectors with progressive enhancement and maintainable specificity. Use when writing or refactoring nested CSS, or when the user mentions :has, :is, :where, :not, or complex selector composition.

لغة النص الأصلي: الإنجليزية