Translate Figma design properties and structures into IDS (Iress Design System) component implementations. Use when the user provides Figma designs, mentions Figma MCP, asks to convert a design to code, or references Figma component names, variants, or auto-layout properties.
Guide on correctly using IDS design tokens in React components and CSS. Covers import patterns, common mistakes, and practical usage rules for each token category. Use when the user asks about design tokens, CSS variables, CSS custom properties, spacing values, colour tokens, typography tokens, theme tokens, token…
Audit and review application UI for IDS compliance, accessibility, usability, and cognitive load. Covers component usage validation, WCAG accessibility checks, cognitive load assessment, and UX quality evaluation. Use when asked to review UI, check accessibility, assess usability, audit IDS compliance, or when the…
Translate natural language UI descriptions into IDS (Iress Design System) component implementations using @iress-oss/ids-components and @iress-oss/ids-tokens. Use when the user describes a UI in plain language and wants IDS component code, or asks to build a form, page, layout, or component using IDS.
Migrate applications between IDS (Iress Design System) major versions — including v4→v5, v5→v6, and OUI→v6. Covers component renaming, prop changes, form architecture migration (Formik→React Hook Form), testing updates, and common gotchas. Use when the user asks about upgrading, migrating, or updating IDS versions, or…
An expert bug-fixing agent for the Iress Design System that systematically analyzes, investigates, and resolves bugs reported in the GitHub issue tracker, ensuring minimal changes and comprehensive documentation.
Copilot instructions for iress/design-system, covering github copilot instructions for iress design system, available instructions, specialized agents, bug-fixing agent and prompts.
Instructions for iress/design-system, covering bug fixing best practices, 1. initial analysis (don't jump to solutions), parse the support request, understand the technical flow and communicate initial analysis.
Instructions for iress/design-system, covering file organization principles, implementation files (.ts/.tsx), test files (.test.ts/.test.tsx), why this order matters and implementation files.
Instructions for iress/design-system, covering package dependencies, test commands, run all tests, run tests for specific packages and run single test files.
Instructions for iress/design-system, covering running single tests with yarn workspaces, 🎯 direct yarn workspace commands (recommended), run a specific test file using --testfile flag, run any project with a specific file and 🔧 additional test command options.