SkillTrust

← All skills

frontend-design-pro

80 / 100 · Low risk

Fine to try.

By QinghongLin/data2story-skill (GitHub) · design · 161 stars · scanned at commit 63a55c1

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…

Works with any agent that supports SKILL.md skills.

What this skill can do

Connects to the internet

The author does not mention this.

Found in 1 place.

Downloads and installs other software

The author does not mention this.

Found in 1 place.

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

The badge for QinghongLin/data2story-skill shows the score of its lowest-scoring skill.

SkillTrust badge for QinghongLin/data2story-skill

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/QinghongLin/data2story-skill.svg)](https://zalavijaysinh.github.io/skilltrust/repos/QinghongLin/data2story-skill/)

Score history

DateVersionScore
2026-11-0763a55c1100