.fyi
SkillsMCPPluginsSubagents

Browse by category

DevOps & CI/CD SkillsProductivity & Workflow SkillsOther SkillsProduct & Project Management SkillsDocumentation & Knowledge SkillsCode Review & Refactor SkillsBackend & APIs SkillsAgent Meta & Communication SkillsResearch SkillsSecurity SkillsUX UI & Design SkillsTesting & QA SkillsSee all →

Every Claude Code skill, MCP server, plugin and subagent in one directory. Searchable, comparable, and one command from installed. Live stats from GitHub, npm and PyPI.

We're on Product HuntYour agent's app storeCheck it out →
Agent SkillsMCP ServersPluginsSubagentsCoding Agents
CollectionsOfficial publishersGlossaryFAQBlogSearchSavedFeedback
PrivacyTermsllms.txtSitemap

made with ♥ · © 2026 aaaa.fyi

Independent project · real data from public registries

…/chengfeng-videocut-skills/ian-xiaohei-svg-motion
home/skills/agentchengfeng/chengfeng-videocut-skills/ian-xiaohei-svg-motion
agentchengfeng avatar

ian-xiaohei-svg-motion

byagentchengfeng· 6 skills

Stars

2.8k

Forks

372

Category

Generative Media

View on GitHub

TL;DR

Create Ian Xiaohei-style HTML/SVG motion illustrations for Chinese articles, scripts, storyboard scenes, workflow explanations, concept metaphors, and short video visual aids. Use when the user asks for 小黑 SVG、漫画感 HTML、分层 SVG 动效、把小黑生图做成 HTML/SVG、可编辑矢量动效、口播流程动画、手绘漫画动效、正文配图动画, or wants a Xiaohei illustration style adapted into controllable HTML/SVG/GSAP output instead of raster image generation.

How to install ian-xiaohei-svg-motion?

agentchengfeng/chengfeng-videocut-skills/ian-xiaohei-svg-motion
$npx -y skills add agentchengfeng/chengfeng-videocut-skills --skill ian-xiaohei-svg-motion

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

Run `npx skills use "https://github.com/agentchengfeng/chengfeng-videocut-skills" --skill "agentchengfeng/chengfeng-videocut-skills/ian-xiaohei-svg-motion"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.

Use the whole pack

Use the skills in "https://github.com/agentchengfeng/chengfeng-videocut-skills" that are relevant to the current task. Run `npx skills add "https://github.com/agentchengfeng/chengfeng-videocut-skills"` and select the relevant skills, then follow their instructions.

Preview

agentchengfeng/chengfeng-videocut-skillsagentchengfeng/chengfeng-videocut-skills

$ npx -y skills add agentchengfeng/chengfeng-videocut-skills --skill ian-xiaohei-svg-motion

▸ installing to .claude/skills…

✓ ian-xiaohei-svg-motion ready

Repoagentchengfeng/chengfeng-videocut-skills
TypeSkills
CategoryGenerative Media
ForContent Creator
UpdatedJul 2026
License—
First seenJul 26, 2026

Tags

Skill

Related

6 picks
Type
  1. remotion-dev avatarremotion-best-practicesRouter for all Remotion skillsSkillsJul 2026451k4.1k
  2. 101-skills avatarai-image-generationGenerate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI.SkillsJul 2026441k656
  3. heygen-com avatarhyperframes-cliUse the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes,…SkillsJul 2026296k38k
  4. heygen-com avatarhyperframesMandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo,…SkillsJul 2026291k38k
  5. heygen-com avatarremotion-to-hyperframesPort an existing Remotion (React) composition''s source to HyperFrames HTML.SkillsJul 2026198k38k
  6. heygen-com avatarhyperframes-coreThe HyperFrames composition contract — build one renderable project.SkillsJul 2026195k38k