Repeat small elements with DataList Input

I have small components (skills) as shown in the attached image. Once the page loads 10 most used skills will be loaded. The user can either click on them to select them. Or add new skill from the DataList input which will add the group of components to the top. Would something like this be possible with filament?