interaction-design
Design and implement microinteractions, motion design, transitions, and user feedback patterns.
Skill by pradeepmouli
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/pradeepmouli-interaction-design
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
interaction-design- Description
- Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
- License
- NOASSERTION
- Instructions
- 317 lines in SKILL.md · view on GitHub
Files (4)
- SKILL.md
- animation-libraries.md · references/
- microinteraction-patterns.md · references/
- scroll-animations.md · references/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from pradeepmouli/rune-langium
- 0.577score
prod-ux-review
pradeepmouli
Review a production UX checkout harness run against the deployed Studio (daikonic).
SkillAFreshness: A★ 1Claude Code +9 - 0.493score
dockview
pradeepmouli
dockview-react panel layout library.
SkillCFreshness: C★ 1Claude Code +9 - 0.430score
dependency-updater
pradeepmouli
Smart dependency management for any language.
SkillDFreshness: D★ 1Claude Code +9 - 0.423score
dagre-react-flow
pradeepmouli
Automatic graph layout using dagre with React Flow (@xyflow/react).
SkillDFreshness: D★ 1Claude Code +9 - 0.423score
game-changing-features
pradeepmouli
Find 10x product opportunities and high-leverage improvements.
SkillDFreshness: D★ 1Claude Code +9 - 0.414score
modern-javascript-patterns
pradeepmouli
Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional…
SkillDFreshness: D★ 1Claude Code +9 - 0.414score
monorepo-management
pradeepmouli
Master monorepo management with Turborepo, Nx, and pnpm workspaces to build efficient, scalable multi-package repositories with optimized builds and…
SkillDFreshness: D★ 1Claude Code +9 - 0.414score
protocol-reverse-engineering
pradeepmouli
Master network protocol reverse engineering including packet analysis, protocol dissection, and custom protocol documentation.
SkillDFreshness: D★ 1Claude Code +9 - 0.399score
frontend-design
pradeepmouli
Create distinctive, production-grade frontend interfaces with high design quality.
SkillDFreshness: D★ 1Claude Code +9 - 0.220score
playwright-e2e
pradeepmouli
No description from the publisher yet.
SkillDFreshness: D★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 10
- Last commit (this folder)
- Aug 4, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- NOASSERTION
- Repository
- github.com/pradeepmouli/rune-langium
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from pradeepmouli
- 0.587score
x-to-zod
pradeepmouli
Enhanced fork of json-schema-to-zod - Converts JSON Schema into Zod schemas with fluent builder pattern Use when working with zod, json, schema, converter, cli.
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
skillit-typedoc
pradeepmouli
TypeDoc plugin that generates AI agent skills (SKILL.md) from TypeScript API documentation Use when working with agent-skills, ai, documentation, llm…
SkillBFreshness: B★ 7Claude Code +9 - 0.584score
skillit-bootstrap
pradeepmouli
Bootstrap an AI-agent skill from a TypeScript codebase by running the deterministic skillit generate/audit loop and enriching repo source (JSDoc, README…
SkillBFreshness: B★ 7Claude Code +9 - 0.584score
skillit-cli
pradeepmouli
Extract CLI command structure from commander/yargs for AI agent skill generation Use when working with agent-skills, cli, commander, documentation…
SkillBFreshness: B★ 7Claude Code +9 - 0.582score
post-processing
pradeepmouli
API reference for PostProcessing Use when working with parsePathPattern, matchPath, clearPathPatternCache.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
zod-builder
pradeepmouli
API reference for ZodBuilder Use when working with BaseBuilder, BooleanBuilder, NullBuilder.
SkillAFreshness: A★ 1Claude Code +9
Cite this page
interaction-design skill. Agent Mart. https://agentmart.dev/skills/pradeepmouli-interaction-design (last updated 2026-10-24)