开源 Skill

Web Design Engineer

用于网页、仪表盘、原型、动效和浏览器渲染视觉产物的综合设计工程技能。

分类: 前端设计
维护者: ConardLi
来源: 原始仓库 ↗
许可证: MIT
固定版本: aaf9a82f5efd
最近检查: 2026-07-28

适用场景

网页和后台设计
交互原型
浏览器渲染与视觉检查

网页设计动效视觉验收

安装

把它带到你的 Codex。

第三方内容，请安装前检查。安装将固定到页面标记的版本。

查看原始仓库 ↗

显示安装命令

set -euo pipefail
skill_name='Web Design Engineer'
source_url='https://github.com/ConardLi/garden-skills'
source_ref='aaf9a82f5efd73e87cc0998edc398e75bfc35901'
source_subdirectory='skills/web-design-engineer'
temp_root=$(mktemp -d)
backup_root="${CODEX_HOME:-$HOME/.codex}/skills-backups"
target_root="${CODEX_HOME:-$HOME/.codex}/skills"
backup_path=""
install_complete="0"
restore_previous() {
  if [ "$install_complete" != "1" ]; then
    rm -rf "$target_root/$skill_name"
    if [ -n "$backup_path" ] && [ -d "$backup_path" ]; then
      mv "$backup_path" "$target_root/$skill_name"
    fi
  fi
}
cleanup() { rm -rf "$temp_root"; }
trap 'restore_previous; cleanup' EXIT
git clone --filter=blob:none --no-checkout "$source_url" "$temp_root/repo"
git -C "$temp_root/repo" checkout "$source_ref" -- "$source_subdirectory"
test -f "$temp_root/repo/$source_subdirectory/SKILL.md"
mkdir -p "$target_root" "$backup_root"
if [ -e "$target_root/$skill_name" ]; then
  backup_path="$backup_root/$skill_name-$(date +%Y%m%d-%H%M%S)"
  mv "$target_root/$skill_name" "$backup_path"
fi
cp -R "$temp_root/repo/$source_subdirectory" "$target_root/$skill_name"
test -f "$target_root/$skill_name/SKILL.md"
install_complete="1"
printf 'Installed %s\n' "$target_root/$skill_name"
if [ -n "$backup_path" ]; then printf 'Backup %s\n' "$backup_path"; fi