Well, currently. I'm taking a look at a skill-based system of character growth.
Basically, through whatever means you gain 'Skill Points' (SP).. These SPs are then used to learn skills and ultimately raise ability in them, through further use of newly gained Skill points. However, I'm wondering how to go about it.

Now, what I'm trying to get:
When a skill is learnt, I want it to be added to a 'Skills' Tab (If there are no skills currently learn, create the tab and add the skill to the list in it).

Also, I'm planning on this layout:

[Pre-made icon] [Skill Name] [Skill ability]

Pre-made icon being a representation, I.E for a skill for 'Sprint' a 'Foot' could be used in example.
Skill Name is self-explanatory.
Skill ability being the 'level' of the skill.

If possible, I would also like the Skill Name, and/or Icon to be click-able. Thus, when clicked reveals a description of what the skill does; how it affects you; and at what cost. I.E. Using Sprint as an example again:

'When Sprinting your movement rate increases; allowing you to move much faster than you could normally. However, Sprinting reduces your Stamina at a greatly increased rate. Though, a trained sprinter could stay in this status for a lengthened period of time.'

I’d be grateful for any help possible,
Thanks; Fliint.