·ui-translation
*

ui-translation

Translate natural language UI descriptions into IDS (Iress Design System) component implementations using `@iress-oss/ids-components` and `@iress-oss/ids-tokens`.

16Installs·6Trend·@iress

Installation

$npx skills add https://github.com/iress/design-system --skill ui-translation

How to Install ui-translation

Quickly install ui-translation AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/iress/design-system --skill ui-translation
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: iress/design-system.

SKILL.md

View raw

Translate natural language UI descriptions into IDS (Iress Design System) component implementations using @iress-oss/ids-components and @iress-oss/ids-tokens.

| Submit / primary action button | IressButton mode="primary" | Submit | | Cancel / secondary action button | IressButton mode="secondary" | Cancel | | Less prominent action | IressButton mode="tertiary" | Details | | Icon-only action | IressButton icon="edit" mode="muted" | Edit | | Danger / delete action | IressButton status="danger" | Delete |

| Link in text | IressLink | About | | Dropdown/context menu trigger | IressDropdownMenu | See patterns docs |

Translate natural language UI descriptions into IDS (Iress Design System) component implementations using `@iress-oss/ids-components` and `@iress-oss/ids-tokens`. Source: iress/design-system.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/iress/design-system --skill ui-translation
Category
*Creative Media
Verified
First Seen
2026-03-10
Updated
2026-03-11

Browse more skills from iress/design-system

Quick answers

What is ui-translation?

Translate natural language UI descriptions into IDS (Iress Design System) component implementations using `@iress-oss/ids-components` and `@iress-oss/ids-tokens`. Source: iress/design-system.

How do I install ui-translation?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/iress/design-system --skill ui-translation Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/iress/design-system

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-03-10