JimLiu/baoyu-design

Agent skills in the GitHub repository JimLiu/baoyu-design, each with its code score out of 100.

Run Claude Design locally as an Agent Skill — Cursor, Codex, DeepSeek Harness & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus or Claude.

Repository score

58 / 100 C

Skills

9

Verified

0

Average skill score

70

GitHub stars

6,392

License

Not identified by GitHub

Open JimLiu/baoyu-design on GitHub

9 skills in this repository

1. claude-design-system

   Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component previews, fonts and asset groups) as…

   81B
2. dataviz

   Use this skill whenever you are about to create ANY chart, graph, plot, dashboard, or data visualization, in ANY output medium (HTML/React artifact, inline SVG, matplotlib/plotly/…

   71B
3. claude-slides

   Make and revise slide decks in the Slides artifact format (project/deck.json plus one HTML file per slide) as local files, then open them in a local slide editor where the user ca…

   70B
4. claude-data

   Use this for a local, data-backed dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring report that opens in the bundled live editor: a page or scroll s…

   69C
5. claude-design

   Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component file per artboard) as local files, then open them in a local…

   69C
6. claude-whiteboard

   Use this for a local Whiteboard: a shared space for laying out thinking in whatever form it needs (a diagram, a flow, a map of ideas, a plan, a comparison, a drawn explanation, a…

   69C
7. claude-motion

   Use this for a local Motion film: a short animated video (10–30 s unless asked for more, 900 s at most), such as an explainer, product walkthrough or UI demo, launch teaser, logo…

   68C
8. motion-director

   Use this to make a finished motion video that has something to say: an explainer, a product or feature video, a data story, an article or report retold, a social short, an opener…

   68C
9. baoyu-design

   Create or edit visual design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, slide decks, print documents…

   64C

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.