Since the new mobile skin doesn't accept custom CSS/JS, my wiki's main page looked awful. It had those picture link things (we called them portal elements), but the pictures were different sizes and offsets to align the charater's head in the middle, and so on. And they were cropped by a surrounding div to all be the same size. Since their style was removed in the new skin, there were now just a bunch of pictures ranging in size in a table that ran over the edge of the page and got cut off. But, I figured out how to redirect my main page if it uses the new skin, the code is as follows:
Obviously, you can't put that code on the page or in the Common.js file, but what you can do is put it in a MediaWiki page (I named it MediaWiki:MPRedir) and then use Verbatim tags (for example,
<verbatim>MPRedir</verbatim>) on your main page to make it redirect to your mobile main page (mine is here), which can be phone-optimized. You can use the same technique to change the text of the header back to your wiki's main page title and to add additional scripts and styles.
I hope this helps make your wikis' main pages look great for all users, I know it helped me!
By the way, this can also be used to implement the touch icon changer I discussed in my last blog post, if you were wondering about how to implement that into the new skin.