Search

PythonReactSEOPDF

dylantarre AI Skills

GitHub ↗

Browse published AI skills maintained by dylantarre. Compare skill descriptions and follow each source repository for setup instructions.

Author statistics

Indexed skills

173

Repository stars across indexed skills

1,990

Repository forks

490

Average repository stars per indexed skill

12

Repository stars may repeat across skills from the same repository.

173 skills

Browse skills

GitHub

design-tokens-structure

dylantarre

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.

GitHub

z-index-scale

dylantarre

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.

GitHub

compound-components

dylantarre

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 managem...

GitHub

aria-patterns

dylantarre

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.

GitHub

vue

dylantarre

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.

GitHub

exaggerated-clarity

dylantarre

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.

GitHub

framer-motion

dylantarre

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

GitHub

anticipation-payoff

dylantarre

Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.

GitHub

micro-interactions

dylantarre

Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.

GitHub

timing-principle-mastery

dylantarre

Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.

GitHub

game-designer

dylantarre

Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.

GitHub

appeal-mastery

dylantarre

Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.

GitHub

lists-grids

dylantarre

Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states

GitHub

spatial-thinking

dylantarre

Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.

GitHub

gsap-greensock

dylantarre

Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)

GitHub

playfulness-fun

dylantarre

Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.

GitHub

3d-spatial

dylantarre

Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.

GitHub

joy-delight

dylantarre

Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.

GitHub

solid-drawing-mastery

dylantarre

Use when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally sound.

GitHub

universal-practitioner

dylantarre

Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.

GitHub

problem-diagnosis

dylantarre

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.

GitHub

accessibility-advocate

dylantarre

Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.

The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.