# dylantarre > Open-source publisher. Listings imported from github.com/dylantarre — credited to the original author with their license. - **Listings:** 79 - **Total installs:** 0 - **Profile:** https://agentstack.voostack.com/s/dylantarre - **Website:** https://github.com/dylantarre ## Published listings - [Emotional Narrative](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-emotional-narrative) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-emotional-narrative` Use when animation needs to convey feeling, tell a story, or connect emotionally—character moments, dramatic beats, or any motion that should make the audience care. - [Color Scale](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-color-scale) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-color-scale` Generates perceptually uniform OKLCH color palettes from brand colors. Use when creating color systems, theme palettes, or converting hex values to 11-step scales. Outputs CSS custom properties, Tailwind config, or JSON tokens. - [Angular](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-angular) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-angular` Builds token-driven Angular components with signals and standalone components. Use when creating Angular component libraries, integrating design tokens, or building design system components with new control flow syntax. - [Physics Intuition](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-physics-intuition) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-physics-intuition` Use when motion needs to feel physically grounded—objects falling, characters jumping, things colliding, or any element that should obey believable weight and momentum. - [Filmmaker](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-filmmaker) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-filmmaker` Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative. - [Animation Principles - Expert](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-expert) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-expert` Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries - [Naturalistic Motion](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-naturalistic-motion) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-naturalistic-motion` Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality. - [Universal Practitioner](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-universal-practitioner) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-universal-practitioner` Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed. - [Micro Interactions](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-micro-interactions) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-micro-interactions` Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges. - [Game Designer](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-game-designer) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-game-designer` Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction. - [Animation Principles - Absolute Beginner](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-absolute-beginner) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-absolute-beginner` Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation - [Attention Grabbers](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-attention-grabbers) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-attention-grabbers` Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention. - [Animation Principles - Troubleshooting](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-troubleshooting) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-troubleshooting` Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied - [Frontend Developer](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-frontend-developer) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-frontend-developer` Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications. - [3d Spatial](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-3d-spatial) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-3d-spatial` Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work. - [Product Manager](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-product-manager) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-product-manager` Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles. - [Animation Principles - Teaching Others](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-teaching-others) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-teaching-others` Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels - [Data Visualization](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-data-visualization) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-data-visualization` Use when animating charts, graphs, dashboards, data transitions, or any information visualization work. - [Animator Traditional](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-animator-traditional) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-animator-traditional` Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context. - [Creative Director](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-creative-director) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-creative-director` Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency. - [Rhythm Pacing](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-rhythm-pacing) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-rhythm-pacing` Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time. - [Animation Principles - Refresher](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-refresher) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-refresher` Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations - [Anticipation Payoff](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-anticipation-payoff) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-anticipation-payoff` Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact. - [Video Motion Graphics](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-video-motion-graphics) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-video-motion-graphics` Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics. - [Exaggerated Clarity](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-exaggerated-clarity) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-exaggerated-clarity` Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience. - [Animation Principles - Novice](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-novice) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-novice` Use when someone has basic awareness of animation principles and wants to start applying them in simple projects - [Web Motion Design](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-web-motion-design) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-web-motion-design` Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work. - [Vue](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-vue) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-vue` Builds token-driven Vue 3 components with Composition API and TypeScript. Use when creating Vue component libraries, integrating design tokens, or building Nuxt design system components with composables. - [Storybook](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-storybook) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-storybook` Documents components with Storybook using CSF 3.0, controls, and MDX. Use when creating component catalogs, interactive examples, visual testing setups, or design system documentation sites. - [Animation Principles](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-animation-principles) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-animation-principles` Applies Disney's 12 animation principles to UI motion design. Use when improving animation quality, designing micro-interactions, creating easing curves, or making transitions feel natural and purposeful. - [Component Docs](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-component-docs) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-component-docs` Generates component API documentation with props tables, usage examples, and guidelines. Use when documenting component libraries, creating API references, or building component documentation for designers and developers. - [Aria Patterns](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-aria-patterns) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-aria-patterns` Provides ARIA roles, states, and properties for interactive components. Use when building custom widgets, fixing screen reader issues, or implementing modals, tabs, accordions, menus, or dialogs accessibly. - [Focus States](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-focus-states) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-focus-states` Generates accessible focus indicators meeting WCAG 2.4.7 and 2.4.11 requirements. Use when styling :focus-visible, keyboard navigation indicators, or fixing focus ring visibility issues. - [Design Tokens Structure](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-design-tokens-structure) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-design-tokens-structure` Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, adding multi-theme support, setting up token aliasing, or organizing token hierarchies. - [Figma](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-figma) — Skill · Free — `agentstack add skill-dylantarre-design-system-skills-figma` Syncs design tokens between code and Figma using Variables API or Tokens Studio plugin. Use when establishing Figma-to-code workflows, exporting Figma tokens, or setting up design-development handoff. - [Layout Primitives](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-layout-primitives) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-layout-primitives` Builds composable layout components (Stack, Cluster, Grid, Sidebar, Center, Cover). Use when creating layout systems, spacing compositions, or Every Layout-style intrinsic design patterns that adapt without breakpoints. - [Animation Principles - Advanced](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-advanced) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-advanced` Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations - [Educator Teacher](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-educator-teacher) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-educator-teacher` Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students. - [React](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-react) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-react` Builds token-driven React components with TypeScript and modern patterns. Use when creating React component libraries, integrating CSS custom properties, or building Next.js design system components with forwardRef and composition. - [Svelte](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-svelte) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-svelte` Builds token-driven Svelte 5 components with runes ($state, $props) and TypeScript. Use when creating Svelte component libraries, integrating design tokens, or building SvelteKit design system components. - [Accessible Motion](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-accessible-motion) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-accessible-motion` Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity. - [Type Scale](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-type-scale) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-type-scale` Generates typography scales using modular ratios with auto-calculated line heights. Use when setting up font-size tokens, heading hierarchy (h1-h6), or text sizing systems. Outputs CSS, Tailwind, or JSON. - [Brand Strategist](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-brand-strategist) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-brand-strategist` Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality. - [Framer](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-framer) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-framer` Integrates design tokens with Framer for prototyping and production sites. Use when adding CSS custom properties to Framer projects, creating code components, or building Framer sites with design systems. - [Style Dictionary](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-style-dictionary) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-style-dictionary` Transforms design tokens into platform-specific formats (CSS, SCSS, iOS Swift, Android XML). Use when setting up multi-platform token pipelines, creating build processes, or managing cross-platform design systems. - [Timing Mastery](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-timing-mastery) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-timing-mastery` Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters. - [Universal Mindset](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-universal-mindset) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-universal-mindset` Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation. - [Brand Marketing](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-brand-marketing) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-brand-marketing` Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content. - [Dark Mode](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-dark-mode) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-dark-mode` Implements theme switching with semantic tokens and prefers-color-scheme detection. Use when adding dark mode, light/dark themes, color scheme toggles, or converting hardcoded colors to theme-aware tokens. - [Motion Scale](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-motion-scale) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-motion-scale` Generates animation duration, easing curves, and delay tokens with prefers-reduced-motion support. Use when creating transition timing, animation speed, or motion systems. Outputs CSS, Tailwind, or JSON. - [Breakpoints](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-breakpoints) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-breakpoints` Generates responsive breakpoint tokens for media queries and container queries. Use when setting up responsive design, mobile-first layouts, or viewport-based styling. Outputs CSS, Tailwind, or JSON. - [Mobile Touch](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-mobile-touch) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-mobile-touch` Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations. - [Problem Diagnosis](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-problem-diagnosis) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-problem-diagnosis` Use when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and needs systematic troubleshooting. - [Z Index Scale](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-z-index-scale) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-z-index-scale` Generates systematic z-index tokens for layering management. Use when organizing stacking contexts, modal/dropdown z-index, tooltip layers, or fixing z-index conflicts. Outputs CSS, Tailwind, or JSON. - [Compound Components](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-compound-components) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-compound-components` Builds accessible composable components using Radix/Headless UI patterns. Use when creating Select, Dialog, Tabs, Accordion, Menu, or Dropdown components with proper ARIA, keyboard navigation, and focus management. - [Responsive Typography](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-responsive-typography) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-responsive-typography` Implements fluid typography using CSS clamp() that scales with viewport. Use when creating responsive font sizes, viewport-aware headings, or type that adapts smoothly without breakpoints. - [Ux Researcher](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-ux-researcher) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-ux-researcher` Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion. - [Spatial Thinking](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-spatial-thinking) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-spatial-thinking` Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships. - [Shadow Scale](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-shadow-scale) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-shadow-scale` Generates layered box-shadow elevation tokens for depth hierarchy. Use when creating elevation systems, card shadows, modal depth, or dark mode shadow variants. Outputs CSS, Tailwind, or JSON. - [Page Transitions](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-page-transitions) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-page-transitions` Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications. - [Icon System](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-icon-system) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-icon-system` Implements scalable icon systems with SVG sprites or React/Vue components. Use when setting up icon libraries, creating icon sizing tokens, optimizing SVGs, or building accessible icon buttons. - [Animation Principles - Universal Reference](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-universal-reference) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-universal-reference` Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level - [Accessibility Advocate](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-accessibility-advocate) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-accessibility-advocate` Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance. - [Animation Principles - Master](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-master) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-master` Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level - [Motion Designer](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-motion-designer) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-motion-designer` Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement. - [Token Docs](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-token-docs) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-token-docs` Generates design token documentation with visual swatches and code examples. Use when documenting token values, creating token reference guides, or building searchable design system documentation. - [Radius Scale](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-radius-scale) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-radius-scale` Generates border-radius tokens from sharp to pill shapes. Use when creating corner rounding systems, button radius, card corners, or input styling. Outputs CSS, Tailwind, or JSON. - [Game Development](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-game-development) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-game-development` Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines. - [Animation Principles - Deep Dive](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-deep-dive) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-deep-dive` Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context - [Color Contrast](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-color-contrast) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-color-contrast` Validates WCAG 2.1 contrast ratios and generates accessible color pairings. Use when checking accessibility compliance, fixing contrast issues, or selecting text/background combinations for AA or AAA levels. - [Presentations](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-presentations) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-presentations` Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work. - [Spacing Scale](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-spacing-scale) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-spacing-scale` Generates consistent spacing tokens using base values and ratios. Use when creating margin/padding systems, gap tokens, or layout spacing. Outputs CSS custom properties, Tailwind config, or JSON tokens. - [Universal Fallback](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-universal-fallback) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-universal-fallback` Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance. - [Attention Direction](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-attention-direction) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-attention-direction` Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management. - [Animation Principles - Quick Start](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-quick-start) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-quick-start` Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes - [Continuous Loops](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-continuous-loops) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-continuous-loops` Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely. - [Character Appeal](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-character-appeal) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-character-appeal` Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence. - [Getting Started](https://agentstack.voostack.com/l/skill-dylantarre-design-system-skills-getting-started) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-design-system-skills-getting-started` Introduction to the design system skills plugin. Use when first installing the plugin, exploring available skills, or planning a design system implementation. - [Animation Principles - Intermediate](https://agentstack.voostack.com/l/skill-dylantarre-animation-principles-intermediate) — Skill · Free · security-reviewed — `agentstack add skill-dylantarre-animation-principles-intermediate` Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations --- Seller on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Install any with `agentstack add `.