project-infographic

Generate a visually beautiful HTML infographic showing high-level project overview for sprint demos. Use when preparing presentations, stakeholder updates, or visual project summaries.

Install with Tessl CLI

npx tessl i github:0xrabbidfly/eric-cartman --skill project-infographic

What are skills?

1.57x

Quality

72%

Does it follow best practices?

Impact

99%

1.57x

Average score across 3 eval scenarios

Optimize this skill with Tessl

npx tessl skill review --optimize ./.github/skills/project-infographic/SKILL.md

SKILL.md

Review

Evals

Evaluation results

100%

47%

Sprint Demo Infographic for DataPulse Analytics

Complete infographic structure and design tokens

Criteria

Without context

With context

Self-contained HTML

100%

Correct output filename

100%

Footer timestamp

100%

CSS design tokens present

100%

Hero section

50%

100%

Hero dark gradient

33%

100%

Challenge/pain points section

62%

100%

Solution section

66%

100%

How It Works section

100%

Status checklist emojis

100%

Benefits metric cards

100%

Tech stack section

50%

100%

Footer section

100%

No code snippets

100%

Without context: $0.3576 · 1m 37s · 13 turns · 18 in / 7,236 out tokens

With context: $0.6073 · 2m 37s · 19 turns · 22 in / 11,396 out tokens

100%

45%

Stakeholder Presentation for ClaimGuard AI

Architecture diagram with flow nodes and branch visualization

Criteria

Without context

With context

agent-container class

100%

agent-container-title badge

100%

flow-node class

100%

Typed node border colors

50%

100%

Node structure: icon + label + sub-label

75%

100%

YES/NO branch split

80%

100%

Branch color differentiation

62%

100%

Side panel for external system

10%

100%

Node count limit

100%

Emoji icons on nodes

75%

100%

Flow arrows between nodes

100%

Self-contained HTML

100%

High-level content only

100%

Without context: $0.4838 · 2m 21s · 12 turns · 19 in / 10,787 out tokens

With context: $0.6204 · 2m 31s · 19 turns · 23 in / 11,454 out tokens

97%

15%

Visual Overview Page for HireFlow Recruiting Platform

Interactive elements, responsive design, and tech stack badges

Criteria

Without context

With context

Card hover translateY

100%

Card hover box-shadow

100%

Pipeline stage hover

100%

Tech pill hover scale

100%

Responsive 768px breakpoint

100%

Mobile stacking layout

100%

Flexbox or Grid usage

100%

Tech stack emoji count

100%

Tech stack pill styling

100%

Benefits metric cards

100%

Business-oriented metric language

100%

CSS variables used in hover

100%

50%

Self-contained HTML

100%

Without context: $0.4135 · 1m 58s · 11 turns · 18 in / 9,108 out tokens

With context: $0.4898 · 2m 15s · 12 turns · 270 in / 10,510 out tokens

Evaluated: 1 day ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Sprint Demo Infographic for DataPulse Analytics Stakeholder Presentation for ClaimGuard AI Visual Overview Page for HireFlow Recruiting Platform

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.