ui-interaction-skills

ui-interaction-skills is a plugin for Claude Code from ancoleman/ai-design-components. Its token cost is not measured, scanned A, original, MIT.

Interactive components including AI chat interfaces, drag-drop functionality, and feedback systems.

Plugin for Claude Code

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Claude Code
/plugin marketplace add ancoleman/ai-design-components
agentmods
npx agentmods add plugins/ancoleman/ai-design-components/ui-interaction-skills
Clone the repo
git clone --depth 1 https://github.com/ancoleman/ai-design-components

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for ui-interaction-skills

README.md
[![agentmods](https://agentmods.dev/badge/plugins/ancoleman/ai-design-components/ui-interaction-skills.svg)](https://agentmods.dev/plugins/ancoleman/ai-design-components/ui-interaction-skills)
Your own site
<a href="https://agentmods.dev/plugins/ancoleman/ai-design-components/ui-interaction-skills"><img src="https://agentmods.dev/badge/plugins/ancoleman/ai-design-components/ui-interaction-skills.svg" alt="Measured on agentmods" height="20"></a>
Per session not measured What this adds to a session before it is invoked.
When invoked not measured Not applicable: nothing here is loaded into a session.
Security scan A 0 findings. Scan, not verified.
Origin unknown No closer match found in the catalogue.
Security

Grade A, and why

ui-interaction-skills scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude-plugin/marketplace.json#ui-interaction-skills · 11 lines

What it actually says

{
  "name": "ui-interaction-skills",
  "description": "Interactive components including AI chat interfaces, drag-drop functionality, and feedback systems",
  "source": "./",
  "skills": [
    "./skills/building-ai-chat",
    "./skills/implementing-drag-drop",
    "./skills/providing-feedback"
  ],
  "strict": false
}
Files

What ships with it

1 file beside marketplace.json#ui-interaction-skills in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. today First seen · 11 lines scan A 226b5f723f4f

Subscribe to this mod's changes

ui-interaction-skills is a plugin published in the GitHub repository ancoleman/ai-design-components (517 stars, last pushed 8mo ago), licensed MIT. Its token cost is not measured: this kind of file is read by the harness, not the model. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other plugins, from other repositories

design-with-claude

A product designer inside your terminal: 48 specialized design skills as slash commands, covering accessibility, motion, color, checkout, dashboards, and more.

imsaif/design-with-claude · not measured

uisandbox

Play with your app's design, right in the browser: open a built web app in UISandbox, 1:1 and with its own knobs, from the chat; try a change, verify, export the patch. Bundles the /uisandbox skill and the uisandbox MCP server.

Ideelab/uisandbox · not measured

saglitzdesign

Design knowledge and a ship-quality gate for coding agents: 96 knowledge documents, 34 tools, 7 of them auditors that publish what they could not see, and 8 workflows.

HalidSaglam/saglitzdesign-mcp · not measured

figma-design-skills

Two composable skills for design-to-code fidelity: figma-design-extract pulls exact specs from Figma into a build-ready spec table; design-fidelity-verify proves the running web or mobile app matches them by measuring rendered values.

jeltehomminga/figma-design-skills · not measured

ai-frontend-design-kit

AI-first frontend design toolkit for Claude Code and Codex: 7-stage flow (requirement -> six-dimension research -> dualround interview -> visual anchors -> asset gen -> code impl -> design review) + scenario C increment router + ten-line anti-slop gate + kun 15-segment DESIGN.md writer + i18n essentials. Each skill…

kkunkunya/ai-frontend-design-kit · not measured

distill-design

Distill.pub design system as a Claude Skill: tokens, TSX primitives, line-art service icons, voice rules, and author tools (canvas + tweaks panel) for editorial-diagrammatic interfaces.

geo-mena/distill · not measured