← All skills

phone-ui-demos

95 / 100 · Low risk

Fine to try.

By Unclecheng-li/AI_Animation (GitHub) · design · 1,781 stars · scanned at commit 3d17ba3

把产品/知识点/文案做成"手机系统 UI 风格"的电影化网页演示动画——观众像在看一台真手机的精心编排录屏：锁屏通知、聊天、设置页、控制中心、App 界面逐镜头呈现，HyperOS/MIUI 级手感动效 + 虚拟时钟播放器，可全屏录屏当成片。只要用户提到：手机 UI 演示、手机录屏风格动画、App 演示网页、把产品做成手机里的演示、锁屏通知动画、系统 UI 风格演示页、或要求改造升级一批手机风格演示页——就用本 Skill。内容完全开放不设限：任何产品功能、课程知识、科普叙事都能转译成"手机里发生的事"。

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

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

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

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/Unclecheng-li/AI_Animation.svg)](https://zalavijaysinh.github.io/skilltrust/repos/Unclecheng-li/AI_Animation/)

Score history