Joints showing up, but no bones on skeletal animation

Hello. Coming up on my 4th week of using Unity.
I have everything set up on a canvas, and I have 2 frame (2 sprite images) place holder animations set up.
Now I want to add in the real animations which will use the skeletal animating system and looking at advice online everything says you need to use a image.sprite to create this. So in the hierarchy, under the canvas, I right click on the game object that has the animator controller, and I add a UI > Image. In the inspector for the Image, I link in the correct image for the Source Image. My image now shows up on the canvas.
Now because I am doing skeletal animation I add a Sprite Skin Component. A Sprite Renderer is automatically added when I do this. Once again, I link the correct image and then when I click Generate Bones, I get 3 joints all stacked on top of each other, but no bones. I also renamed the bones and all the names show up in the inspector, so I know it's the correct bones.
When I do not use a image.sprite, and instead just drag the sprite onto the canvas and repeat the process for generating bones, all the bones appear and I can animate, but the image does not show on the canvas, and only shows up on the Scene.
I have gizmos turned on and I am using canvas - screen space overlay.

 

As Marek said, you need to follow a particular workflow in order to do skeletal animation.

I did up a full guide for it here if ya wanna take a look.

 

Hello there, thank you for the responses, much appreciated.
@MarekUnity Yes that is correct, I added the Sprite Skin component manually.
The only part of those guides that I did not follow, was using a PSB importer because I used a regular PNG image.
So I believe I had the correct workflow and this is the result with my image outside of canvas where the bones do show up:


but when I bring the image in the canvas using image.sprite (so that it will show up on the canvas) I have no bones, just the joints for moving things and they are all stacked up:

 

I'm unsure if the skeletal system works within the Canvas Image component as its not considered a sprite renderer/ Im unsure if you can generate a mesh to be used with the bones for the sprite.

 

Ah dang. So they may be incompatible? At least I know it's not a bug. I guess I have to find a work around or start from the beginning. Thanks for the response though.

 

I just got it to work. I don't know why this works, but I am a newb, but in my game object that has my animator controller, I created an empty game object, then created the image.sprite and now it works....
Before I was dropping the image.sprite right into the animator controller.
Thank you again for the responses, was very helpful in keeping me motivated to figure this out.