agentsclimarketplace
Sign in

Run3 styling and formatting

Skill cxcscmu/SkillLearnBench/skills/b3-teacher-feedback-gemini-3.1-flash-lite-preview/stock-data-visualization/run3_styling_and_formatting

Defines the layout, chart aesthetics, and table styling in style.css.From its SKILL.md

Install
npx -y skills add cxcscmu/SkillLearnBench --skill run3_styling_and_formatting

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

0.7 KB, 139 tokens by cl100k_base, as published. Nobody here has run it

Implement style.css to ensure:

  1. Side-by-side layout: Use .container { display: flex; } for the bubble chart and table.
  2. Table formatting: Style the table to be scrollable if it exceeds screen height. Ensure numbers are formatted using d3.format(".2s") or similar logic within the JS to convert raw numbers to strings like "1.64T".
  3. Visual feedback: Define a .highlight class with a distinct background or border color to sync the bubble chart selection with the table row selection.
  4. Responsive sizing: Ensure the bubble chart SVG has a defined width/height and that bubbles are contained within the viewbox.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.