---
title: "design-engineering"
description: "Design engineering for AI agents: a navigable skill graph covering animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, and SVG, plus nine workflow subagents and an e"
canonical: https://agentpluginsdirectory.com/plugins/design-engineering
last-updated: 2026-09-22
---

# design-engineering
Design engineering for AI agents: a navigable skill graph covering animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, and SVG, plus nine workflow subagents and an eve runtime. Distills Emil Kowalski, Benji Taylor, Jakub Antalik, guidelines.sh, Vercel, Ben DC, DiceBear, lucide-animated, Google Labs design.md, Agentation, and Index.
- Slug: design-engineering
- Publisher: HKTITAN
- Repository: https://github.com/AgentsORG/design-engineering
- Manifest: plugin.json
- Version: 2.4.0
- License: MIT
- Category (editorial): design-frontend
- Skills: 1 (design-engineering)
- MCP servers: 0
- Stars: 25
- Repository created: 2026-05-21
- Repository last pushed: 2026-09-05
- Publisher type: Organization
- Listing: https://agentpluginsdirectory.com/plugins/design-engineering
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## What design-engineering does, in the publisher's words

Design engineering for AI agents: the invisible details that make UI feel right. Distills Emil Kowalski (animation), Benji Taylor (delight + Agentation), Jakub Antalik (transitions), James Frewin (guidelines), Vercel (web-interface rules), Ben DC (CSS conventions), Google Labs design.md (design-token format), lucide-animated (icon animation), DiceBear (avatars), Index (design vocabulary), Apple's audio-haptic principles, Josh Comeau (use-sound), and bruno / superfx (launch-video sound) into one navigable skill graph.

Not a tutorial. Not a doc site. A working memory the agent loads when you're reviewing UI code, picking an easing curve, designing a component, deciding whether a send button should make a sound, or asking "why does this feel flat?"

Twelve seconds, made with the skill's own rules and tools. Watch the MP4 with sound.

From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/AgentsORG/design-engineering/HEAD/README.md

## Skills

- design-engineering: Load when reviewing UI code, designing a component or page layout, picking an easing curve or transition pattern, deciding whether something should animate at all, choosing an avatar/typography/color system, building an OKLCH palette or fixing contrast, writing UI copy or error messages, auditing f…

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.