frontend-design-pro
80 / 100 · Low risk
Fine to try.
Shared UI/visual-design rule library for building polished, distinctive, multimedia-rich self-contained HTML stories. The Data2Story Designer and Programmer read it to choose a visual language (theme, type pairing, layout, components, motion) and implement it so every blog looks intentional and editorial, never templated. Use when designing or reshaping a story's look, picking fonts/colors/themes, building a hero/chart/card/map/audio component, adding motion or an interactive, or fixing a visua…
What this skill can do
Connects to the internet
Downloads and installs other software
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'frontend-design-pro' ] || [ -L ~/.agents/skills/'frontend-design-pro' ]; then echo 'A skill folder named frontend-design-pro already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/QinghongLin/data2story-skill' "$d" && git -C "$d" checkout --quiet '63a55c15f3fac13239263cfa1361fe2ef04d8df1' -- 'skills/frontend-design-pro' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/frontend-design-pro' ~/.agents/skills/'frontend-design-pro' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'frontend-design-pro' ~/.claude/skills/'frontend-design-pro' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/QinghongLin/data2story-skill/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-07 | 63a55c1 | 100 |