Design & Media Agent Skills for VS Code

Design and implement microinteractions, motion design, transitions, and user feedback patterns.

UI interaction design patterns for skeleton loading, infinite scroll with accessibility, progressive disclosure, modal/drawer/inline…

Expert in building portfolios that actually land jobs and clients -

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products.

Expert interior designer with deep knowledge of space planning, color theory (Munsell, NCS), lighting design (IES standards), furniture…

Communicate design's contribution to business and user outcomes in terms that resonate with stakeholders.

Research posters in LaTeX using beamerposter, tikzposter, or baposter.

Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models.

User research reconnaissance — survey existing personas, research docs, interview notes, and feedback artifacts to establish what is…

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies.

Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography.

Design any user-facing experience end-to-end: task flows, multi-step workflows, navigation structures, onboarding, settings, search…

Generates professional infographics with 20 layout types and 17 visual styles.

Create distinctive, production-grade frontend interfaces with high design quality.

Review UI code for Web Interface Guidelines compliance.

Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter.

Build slide decks and presentations for research talks.

Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool…

Transforms digital content into elegant, editorial-grade documents with a warm parchment aesthetic and professional serif typography.

A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page.

Generates high-fidelity, Apple-inspired presentation slides with interactive keyboard navigation and minimalist aesthetics.