❤️ Open Source
Iress publishes skills that help AI agents work with the IDS (Iress Design System) component library and its design tokens, covering the translation of Figma designs and plain-language UI descriptions into React and TypeScript code. Their skills also handle migrating applications between IDS major versions, maintaining the IDS monorepo, auditing UI for accessibility and IDS compliance, and applying design tokens correctly in components and CSS. What stands out is the focus on a single design system from design handoff through to release, so an agent working in that stack gets consistent, system-aware guidance at each step.
Design System
6 skills · 1 stars · Apache-2.0
Convert Figma Designs to Code and FigCraft Files Turn Figma frames and components into clean React code, with the same results in FigCraft.
Repo Maintenance Guide for maintaining the IDS (Iress Design System) monorepo.
Token Usage Guide on correctly using IDS design tokens in React components and CSS.
Ui Doctor Audit and review application UI for IDS compliance, accessibility, usability, and cognitive load.
Ui Translation Translate natural language UI descriptions into IDS (Iress Design System) component implementatio…
Version Migration Migrate applications between IDS (Iress Design System) major versions — including v4→v5, v5→v6, a…