GitHub
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.
☆ 14查看技能
dylantarre AI Skills
GitHub ↗浏览 dylantarre 维护的已发布 AI 技能，比较用途与说明，并通过来源仓库了解安装方式。
作者统计
已收录技能
173收录技能的仓库 Stars 合计
1,990仓库 Forks
490平均每个技能的仓库 Stars
12同一仓库中的多个技能可能共享 Stars，合计包含重复仓库数据。
热门分类
近期收录动态
全部技能
GitHub
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.
☆ 14查看技能
GitHub
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 managem...
☆ 14查看技能
GitHub
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.
☆ 14查看技能
GitHub
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.
☆ 14查看技能
GitHub
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.
☆ 11查看技能
GitHub
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
☆ 11查看技能
GitHub
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.
☆ 11查看技能
GitHub
micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
☆ 11查看技能
GitHub
timing-principle-mastery
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
☆ 11查看技能
GitHub
game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
☆ 11查看技能
GitHub
appeal-mastery
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
☆ 11查看技能
GitHub
lists-grids
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
☆ 11查看技能
GitHub
spatial-thinking
Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.
☆ 11查看技能
GitHub
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
☆ 11查看技能
GitHub
playfulness-fun
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
☆ 11查看技能
GitHub
3d-spatial
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
☆ 11查看技能
GitHub
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
☆ 11查看技能
GitHub
joy-delight
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
☆ 11查看技能
GitHub
solid-drawing-mastery
Use when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally sound.
☆ 11查看技能
GitHub
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.
☆ 11查看技能
GitHub
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.
☆ 11查看技能
GitHub
user-feedback-clarity
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
☆ 11查看技能
GitHub
accessibility-advocate
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
☆ 11查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。