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.
Explorez les skills IA publiés de dylantarre et consultez leurs instructions source.
Skills indexés
173Étoiles des dépôts des skills indexés
1,990Forks du dépôt
490Moyenne des étoiles par skill indexé
12Les étoiles d’un dépôt peuvent se répéter entre ses skills.
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.
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.
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...
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.
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.
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.
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
Use when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally sound.
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
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.
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.