Share Your Coding Speed — New Result Cards on CodeSpeedTest

After every completed test on CodeSpeedTest, you can now generate a shareable result card — a clean, visually polished image showing your WPM, accuracy, language, and test duration. The card is designed to be immediately readable in a social media feed. It takes two clicks to generate and one more to post. The motivation is simple: publicly committing to a skill has a measurable effect on follow-through. Developers who share their typing progress are more likely to come back and practice again than those who keep their results private.

• WPM (net): Your net words per minute — correct characters only, with error penalties applied. This is always the headline number.
• Accuracy percentage: Your keystroke accuracy as a percentage. Both 95%+ accuracy and the exact number are displayed.
• Language and snippet: The programming language you tested on, and optionally the snippet name if it is from the standard library.
• Test duration: Whether you completed a 30-second, 1-minute, or 2-minute test, or ran an unlimited snippet to completion.
• Date and rank: The date of the test and your global percentile rank for this language and duration combination (e.g., "Top 12% in Python — 60s").
• CodeSpeedTest branding and a QR code: A small QR code that links directly to CodeSpeedTest so viewers can take the same test.

• Complete any test on CodeSpeedTest — standard, timed, or certification mode.
• In the results panel, click the "Share" button in the top-right corner of the results section.
• A preview of the card will appear. If you want to customize the card (choose light or dark theme, include or exclude the snippet name), you can toggle these options before generating.
• Click "Generate Card" to render the final image. The card is generated client-side using the Canvas API — no server round-trip required, so it is instant.
• Choose your sharing method: "Copy to Clipboard" copies the image data directly, "Download PNG" saves the file locally, "Share to X (Twitter)" opens a pre-filled tweet with the image attached, or "Share to LinkedIn" opens a pre-filled post.
• Cards are also stored in your profile under the "Results" tab so you can access and share them later.

• Accountability effect: Research on goal commitment consistently shows that publicly declaring a goal or sharing progress increases follow-through. Sharing a 55 WPM result implicitly declares you are working toward improvement.
• Community reference point: Seeing other developers' scores gives you calibration data. Knowing that the median Python typist on CST scores 62 WPM is more motivating than an abstract benchmark.
• Streak reinforcement: Sharing a card after your third consecutive daily practice session makes the streak feel real and worth protecting.
• Portfolio signal: A result card showing 85 WPM on TypeScript or 90 WPM on Python is a concrete, verifiable signal of technical fluency — different in kind from a self-reported skill level on a resume.
• Social proof in developer communities: Posting a strong result in a dev Discord or on Twitter/X consistently generates discussion and encourages others to try the same test — which feeds back into the community.

• Light theme: Clean white background with indigo and purple accent colors. The WPM number is displayed in a large gradient font. Designed for professional contexts like LinkedIn posts.
• Dark theme: Dark background with the same color palette as the CodeSpeedTest interface. Looks great on Twitter/X where dark mode is common. The WPM number glows slightly against the dark background.
• Automatic theme matching: By default, the card matches your current CodeSpeedTest interface theme. You can override this in the card generation panel.
• Aspect ratio: Cards are generated at 1200×630px (the standard OG image aspect ratio) so they display perfectly in Twitter, LinkedIn, Discord, and Slack link previews without cropping.

• Cards are not public by default: Generating a card does not make your result visible to others on CodeSpeedTest. The card is an image file that you control.
• Opt into public profile: If you want your results to appear on your public CodeSpeedTest profile page, you can enable this in your profile settings separately from card sharing.
• No social account required: You can download the card as a PNG and share it anywhere without connecting any social account to CodeSpeedTest.
• Anonymized cards: If you prefer not to display your username on the card (for example, when sharing in an anonymous community), you can enable the "Anonymous" option in the card generator to replace your username with "Anonymous Developer".

Result cards are available to all CodeSpeedTest users on the free tier, including users without an account (though account holders get the percentile rank and historical card storage). After your next test, hit the Share button in the results panel and generate your first card. The whole process takes under 30 seconds. Whether you post it publicly or just save it as a personal record, the card gives your practice sessions a tangible artifact — something you made, measured, and can point to.