# SkillArena > SkillArena compares UI skills (SKILL.md files) for AI coding agents such as Claude Code. Each skill gets the same 5 fixed product briefs and the same model (claude-opus-5-5); the only difference is the skill in the system prompt. A no-skill control group is run the same way, 3 runs per pair, and every generated page is screenshotted at desktop and mobile size. It shows what each skill produces; it is not a ranking. Totals: 270 generated pages, 17 skills plus the control group. Last generated 2026-11-07. ## Pages - [Matrix](https://skillarena.dev/): every skill × brief, first run of each - [Compare](https://skillarena.dev/compare/): two skills side by side on one brief (query: ?a=&b=&brief=&run=) - [About and methodology](https://skillarena.dev/about/): how pages are generated and screenshotted, FAQ, disclaimer - [Try your own brief](https://skillarena.dev/try/): early-access request form (not live yet) ## Skills - [Frontend Design](https://skillarena.dev/skill/anthropic-frontend-design/) by Anthropic (Apache-2.0): Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. 15/15 runs ok, avg 11.1k output tokens. - [Baseline UI](https://skillarena.dev/skill/baseline-ui/) by ibelick (ui-skills) (MIT): Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. 15/15 runs ok, avg 9.4k output tokens. - [Interface Design](https://skillarena.dev/skill/interface-design/) by Dammyjay93 (MIT): Craft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. 15/15 runs ok, avg 16.9k output tokens. - [Platform Design (Web)](https://skillarena.dev/skill/platform-design-web/) by ehmo (MIT): Web platform design and accessibility guidelines. 15/15 runs ok, avg 14.8k output tokens. - [Brutalist (taste-skill classics)](https://skillarena.dev/skill/taste-brutalist/) by Leonxlnx (MIT): Classic style skill, opt-in: it runs only when called by name. 15/15 runs ok, avg 13.5k output tokens. - [Minimalist (taste-skill classics)](https://skillarena.dev/skill/taste-minimalist/) by Leonxlnx (MIT): Classic style skill, opt-in: it runs only when called by name. 15/15 runs ok, avg 16.3k output tokens. - [Soft (taste-skill classics)](https://skillarena.dev/skill/taste-soft/) by Leonxlnx (MIT): Classic style skill, opt-in: it runs only when called by name. 15/15 runs ok, avg 20.8k output tokens. - [Better UI](https://skillarena.dev/skill/better-ui/) by jakubkrehel (MIT): Polishes surfaces, icons and motion with exact values for border radius, optical alignment, shadows, icon states and animation. 15/15 runs ok, avg 17.8k output tokens. - [Better Typography](https://skillarena.dev/skill/better-typography/) by jakubkrehel (MIT): Sets and reviews how text renders, from the type scale and spacing to font features, wrapping, truncation and punctuation. 15/15 runs ok, avg 12.8k output tokens. - [Innovative UX Designer](https://skillarena.dev/skill/bencium-innovative/) by bencium (MIT): Develop an independent visual language and turn the human-chosen direction into a production-ready graphic, brand, campaign, publication, web, or product system. 15/15 runs ok, avg 11.5k output tokens. - [Interaction Design](https://skillarena.dev/skill/interaction-design/) by wshobson (MIT): Design and implement microinteractions, motion design, transitions, and user feedback patterns. 15/15 runs ok, avg 23.8k output tokens. - [Frontend UI Engineering](https://skillarena.dev/skill/frontend-ui-engineering/) by addyosmani (MIT): Builds production-quality, accessible, responsive user-facing UIs. 15/15 runs ok, avg 16.5k output tokens. - [Design Engineering (Emil Kowalski)](https://skillarena.dev/skill/emil-design-eng/) by emilkowalski (MIT): This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great. 15/15 runs ok, avg 17.9k output tokens. - [Apple Design for the Web](https://skillarena.dev/skill/apple-design/) by emilkowalski (MIT): Apple's approach to interface design and fluid, physical motion, translated for the web. 15/15 runs ok, avg 19.6k output tokens. - [Animate](https://skillarena.dev/skill/emil-animate/) by emilkowalski (MIT): Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. 15/15 runs ok, avg 14.7k output tokens. - [Landing Page](https://skillarena.dev/skill/mengto-landing-page/) by MengTo (MIT): Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. 15/15 runs ok, avg 15.5k output tokens. - [Humane Functionalism](https://skillarena.dev/skill/humane-functionalism/) by kemiljk (MIT): Improve UI and UX through Danish functionalism. 15/15 runs ok, avg 13.5k output tokens. - [No skill (control group)](https://skillarena.dev/skill/baseline/) ## Briefs - 1. SaaS landing page (id: saas-landing) - 2. Analytics dashboard (id: dashboard) - 3. Mobile app screen (id: mobile-app) - 4. Sign-up form (id: signup-form) - 5. SkillArena itself (id: skillarena-home) ## Data - [results.json](https://skillarena.dev/results.json): all skills, briefs and runs with status, token counts and screenshot URLs - [llms-full.txt](https://skillarena.dev/llms-full.txt): this file plus the full brief texts, methodology and install commands ## Optional - Source code and pipeline: https://github.com/xyunsh/skillarena