[csvke]

I have recently started to build my own Kodi and worked based on the Aura skin.

I know I can call the built-in function skin.Toggledebug and map it in keyboard.xml under userfolder/keymaps to toggle on / off skin debug.
But are there more tools for development and modifications?

I'd like to modify some icon size but I don't think it's under home.xml as shown - the parameters are obviously under one of the many includes, but how can I trace that?

Ideally if there's a tool that is similar to 'Inspect Element' in web development for Kodi...

[vitorp07]

You probably already know that, you can set debugging to true in your skins addon.xml file and that will display the xml file currently loaded and the container that is currently focused.
Like in the top left corner in these screenshots.



EDIT: Sorry I misread your post, for some reason I thought you were referencing Kodi's debug setting.
It might still be useful for someone else in the future.

[the_other_guy]

I'd like to modify some icon size but I don't think it's under home.xml
you would need to find maybe <include name="WidgetListPoster">?
but ithink all use 
<itemlayout width="" height="">
<control type="image">
            <left>55</left>
            <top>122</top>
            <width>140</width>
            <height>140</height>
            <aspectratio>keep</aspectratio>
            <texture background="true" fallback="DefaultVideo.png">$PARAM[icon]</texture>
        </control>
 <focusedlayout width="" height="">
<control type="image">
            <left>55</left>
            <top>122</top>
            <width>140</width>
            <height>140</height>
            <aspectratio>keep</aspectratio>
            <texture background="true" fallback="DefaultVideo.png">$PARAM[icon]</texture>
        </control>