Dig UI Skill

Dig UI Skill

  Agent-readable design systems for product UI.

  One command to give Codex, Cursor, and Claude Code a durable UI design language.

  中文 ·
  Installation ·
  Usage Guide ·
  Catalog Previews ·
  Shaders Effects ·
  Personal Customization ·
  What You Can Build

Dig UI Skill is a prompt-as-code design system for AI coding agents. It does not ship a conventional component library. Instead, it gives agents the catalogs, layout recipes, block contracts, workflows, local extension rules, and preview renders they need to generate consistent product interfaces.

Quick Start

Install Dig UI Skill into one AI tool:

Install everywhere and check status:

Use it from your agent:

Choose the installed language:

To use Dig UI in WorkBuddy, see WorkBuddy.

For installation and update details, see the installation guide.

New Shaders Support

Add flowing gradients, dot grids, noise, halos, and pointer feedback to any catalog with Shaders, then preview, tune, and export them for reuse in Effect Lab.

Generate a preview with the CLI, then open it through a local development server:

Shaders GitHub  · Usage guide

New Styles

      Monochrome单色

      Hologram全息

     

      Cyberpunk赛博

In your prompt, write “Use Monochrome Style”, “Use Hologram Style”, or “Use Cyberpunk Style”, and the agent will generate the page with that visual language.

Tune Colors Live

Click any color tile to preview it across the page instantly, then export the result as your own Style or Palette.

100% Personal Customization

Teach your agent the UI decisions you want to keep. Dig UI Skill turns natural-language preferences into user-owned rules, palettes, and styles that stay aligned across Codex, Cursor, and Claude Code.

Both Local Rules flows end at the same user-owned source of…