← all publishers

dylantarre

@dylantarre source repo

Report this profile Claim this profile

• 17 skills
• 0 followers
• 1 week ago last updated

1. ▌
   Figma · dylantarre

   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.
   1 install
2. ▌
   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.
   1 install
3. ▌
   Getting Started · dylantarre

   Introduction to the design system skills plugin. Use when first installing the plugin, exploring available skills, or planning a design system implementation.
   1 install
4. ▌
   Storybook · dylantarre

   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.
   1 install
5. ▌
   Svelte · dylantarre

   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.
   1 install
6. ▌
   Angular · dylantarre

   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.
   1 install
7. ▌
   Component Docs · dylantarre

   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.
   1 install
8. ▌
   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 management.
   1 install
9. ▌
   Social Media · dylantarre

   Use when designing animations for social platforms, messaging apps, content sharing, or community features
   1 install
10. ▌
    Brand Marketing · dylantarre

    Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
    1 install
11. ▌
    Game Development · dylantarre

    Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
    1 install
12. ▌
    Data Visualization · dylantarre

    Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
    1 install
13. ▌
    UX Researcher · dylantarre

    Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
    1 install
14. ▌
    Product Manager · dylantarre

    Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.
    1 install
15. ▌
    Loading States · dylantarre

    Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
    1 install
16. ▌
    Frontend Developer · dylantarre

    Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
    1 install
17. ▌
    Performance Optimization · dylantarre

    Use when animation runs slow, janky, or causes frame drops
    1 install