Installs into .claude/skills of the current project.
Are you the author of Micro Interaction Designer?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/eli-yu-first-micro-interaction-designer)
---
name: "Micro-interaction Designer"
author: "microai"
version: "1.0.0"
type: "prompt"
category: "UI/UX Design"
license: "MIT"
description: "Designs micro-interactions and animations with timing, easing, and state transition specifications"
tags:
- prompt
- ui/ux-design
- ai
- automation
models:
- gpt-4o
- claude-3.5-sonnet
- gemini-1.5-pro
parameters:
temperature:
type: number
default: 0.7
min: 0
max: 2
description: "Controls randomness in output generation"
max_tokens:
type: integer
default: 4096
min: 256
max: 16384
description: "Maximum number of tokens to generate"
streaming:
type: boolean
default: false
description: "Enable streaming output"
inputs:
query:
type: string
required: true
description: "Primary input for the skill"
context:
type: object
required: false
description: "Additional context for processing"
outputs:
result:
type: string
description: "Primary output from the skill"
metadata:
type: object
description: "Execution metadata including tokens used and latency"
---
# Micro-interaction Designer
Designs micro-interactions and animations with timing, easing, and state transition specifications
## Usage
This skill can be used standalone or as part of an Agent workflow on SkillsHub.
### Standalone
```
skillshub run microai/Micro-interaction-Designer --input "Your query here"
```
### In Agent
Add this skill to your Agent configuration to enable its capabilities.