import React from "react"; import { Box, Typography, Paper, Stack, Divider, alpha, Link, Grid, InputLabel, Tooltip, IconButton, } from "@mui/material"; import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined"; import PageHeader from "../../components/PageHeader/PageHeader"; const StepNumber = ({ number }) => ( {number} ); const Section = ({ title, children }) => ( theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.5) : "grey.50", }} > {title} {children} ); const Tag = ({ children }) => ( alpha(theme.palette.primary.main, 0.1), color: "primary.main", borderRadius: 1, fontSize: "0.875rem", fontWeight: 600, mr: 1, mb: 1, }} > {children} ); const TagCard = ({ title, description, tags, explanations }) => ( {title} {description && ( {description} )} {tags.map((tag, index) => ( {tag} {explanations && explanations[index] && ( )} ))} ); const CodeBlock = ({ children }) => ( alpha( theme.palette.primary.main, theme.palette.mode === "dark" ? 0.15 : 0.05 ), px: 2, py: 4, borderRadius: 1, fontFamily: "monospace", mb: 2, position: "relative", "& .key": { color: (theme) => theme.palette.primary.main, }, "& .value": { color: (theme) => theme.palette.mode === "dark" ? theme.palette.success.light : theme.palette.success.dark, }, "& .comment": { color: (theme) => theme.palette.text.secondary, }, "& .punctuation": { color: (theme) => theme.palette.text.primary, }, }} > README.md {children} ); const getTagEmoji = (tag) => { const type = tag.split(":")[0]; const name = tag.split(":")[1]; const emojiMap = { submission: { automatic: "πŸ€–", semiautomatic: "πŸ”„", manual: "πŸ‘¨β€πŸ’»", closed: "πŸ”’", }, test: { public: "πŸ‘€", mix: "πŸ”€", private: "πŸ”", rolling: "🎲", }, judge: { function: "βš™οΈ", model: "🧠", humans: "πŸ‘₯", vibeCheck: "✨", }, modality: { text: "πŸ“", image: "πŸ–ΌοΈ", audio: "🎡", video: "πŸŽ₯", tools: "πŸ› οΈ", artefacts: "🏺", embeddings: "πŸ”€", }, eval: { generation: "✨", math: "πŸ”’", code: "πŸ’»", reasoning: "🧠", performance: "⚑", safety: "πŸ›‘οΈ", hallucination: "🌫️", }, task: { rag: "πŸ”", }, language: { english: "πŸ‡¬πŸ‡§", french: "πŸ‡«πŸ‡·", yourOwnLanguage: "🌍", }, domain: { financial: "πŸ’°", medical: "βš•οΈ", legal: "βš–οΈ", biology: "🧬", translation: "πŸ”„", chemistry: "πŸ§ͺ", physics: "βš›οΈ", commercial: "🏒", }, }; return emojiMap[type]?.[name] || "🏷️"; }; const TagItem = ({ tag, explanation }) => { // Extract the name without prefix const name = tag.split(":")[1]; const emoji = getTagEmoji(tag); return ( alpha( theme.palette.primary.main, theme.palette.mode === "dark" ? 0.15 : 0.05 ), py: 2, px: 2, borderRadius: 0, mb: 2, position: "relative", }} > {emoji}    {name} {tag.split(":")[0]}:{tag.split(":")[1]} {explanation && ( )} ); }; const TagSection = ({ title, description, tags, explanations }) => { // Determine if this section should have 4 columns const shouldHaveFourColumns = [ "Submission type", "Test set status", "Judges", "Domain", ].includes(title); return ( {title} {description && ( {description} )} {tags.map((tag, index) => ( ))} ); }; const HowToSubmitPage = () => { return ( Join the community of{" "} "leaderboards on the Hub" } />
Create a Space Your leaderboard must be hosted on a{" "} Hugging Face Space . Add metadata Like{" "} model cards , your Space's{" "} README.md {" "} file should include specific metadata in a YAML section at the top:
  • Add either the leaderboard or{" "} arena tag Choose between: β€’ arena - for human evaluations
    requires judge:humans
    β€’ leaderboard - for automated evaluations
    with judge:function or{" "} judge:model
    } arrow placement="right" componentsProps={{ tooltip: { sx: { bgcolor: "background.paper", color: "text.primary", "& .MuiTooltip-arrow": { color: "background.paper", }, boxShadow: (theme) => theme.shadows[2], }, }, }} > alpha(theme.palette.primary.main, 0.1), }, }} >
  • Include a short_description field to explain the purpose of your evaluation
  • Add metadata tags to categorize your evaluation (see examples on the right)
---
short_description :{" "} Evaluating LLMs on math reasoning tasks
tags :
  -{" "} leaderboard           # Type of leaderboard
  -{" "} submission:automatic{" "} # How models are submitted
  -{" "} test:public{" "}          # Test set visibility
  -{" "} judge:function{" "}       # Evaluation method
  -{" "} modality:text{" "}        # Input/output type
  -{" "} language:english{" "}     # Language coverage
  -{" "} domain:financial{" "}     # Specific domain
---
tool usage - mostly for assistant models (a bit outside of usual modalities)", "the leaderboard concerns itself with machine learning artefacts as themselves, for example, quality evaluation of text embeddings", "", ]} /> generation capabilities specifically (can be image generation, text generation, ...)", "the evaluation tests math abilities", "the evaluation tests coding capabilities", "the evaluation tests reasoning abilities", "model performance (speed, energy consumption, ...)", "the evaluation considers safety, toxicity, bias", "the evaluation measures the model's tendency to hallucinate or generate false information", "the evaluation tests RAG (Retrieval-Augmented Generation) capabilities", ]} /> automatically without human intervention", "the leaderboard requires the model owner to run evaluations on his side and submit the results", "the leaderboard requires the leaderboard owner to run evaluations for new submissions", "the leaderboard does not accept submissions at the moment", ]} /> public, the evaluations are completely reproducible", "some test sets are public and some private", "all the test sets used are private, the evaluations are hard to game", "the test sets used change regularly through time and evaluation scores are refreshed", ]} /> automatically, using an evaluation suite such as lm_eval or lighteval", "evaluations are run using a model as a judge approach to rate answer", "evaluations are done by humans to rate answer - this is an arena", "evaluations are done manually by one or several humans", ]} /> If you would like to see a tag that is not currently represented, please contact{" "} ClΓ©mentine Fourrier {" "} on Hugging Face.
); }; export default HowToSubmitPage;