← All skills

web-design

90 / 100 · Low risk

Fine to try.

By skillmds/skillmd (GitHub) · design · 143 stars · scanned at commit 4467dd0

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX 做一个""把这个截图/PRD 做成网页""做一个 landing page""出一份 design 规范"时触发。不用于后端、数据库、纯逻辑 bug 修复。

Works with any agent that supports SKILL.md skills.

What this skill can do

Other copies in this repository

skillmds/skillmd has 1 more folder with a skill named web-design. This page shows the lowest-scoring copy.

• plugins/planning-product/skills/web-design 90/100 · Low risk

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'web-design' ] || [ -L ~/.agents/skills/'web-design' ]; then echo 'A skill folder named web-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/skillmds/skillmd' "$d" && git -C "$d" checkout --quiet '4467dd0debe8f189ba78142ee57ec42aea84e623' -- 'plugins/design/skills/web-design' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/design/skills/web-design' ~/.agents/skills/'web-design' && 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/'web-design' ~/.claude/skills/'web-design' (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 skillmds/skillmd shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/skillmds/skillmd.svg)](https://zalavijaysinh.github.io/skilltrust/repos/skillmds/skillmd/)

Score history