[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M786XMV48928NVQ2MSJF0ASR":3,"skill-same:01M786XMV48928NVQ2MSJF0ASR":57},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":24,"commitSha":25,"skillDirectory":26,"forksCount":14,"repositoryHtmlUrl":27,"repositoryHomepageUrl":28,"ownerHtmlUrl":29,"ownerBlogUrl":30,"ownerDescription":31,"updatedAt":32,"install":33,"resources":46},"01M786XMV48928NVQ2MSJF0ASR","animation-vocabulary",null,"Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term (\"the bouncy thing when a popover opens\" → Pop in; \"the iOS rubber-band scroll\" → Rubber-banding). Use when the user asks \"what's it called when…\", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.","Solizardking\u002Fskillhub-main","Solizardking","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F108096810?v=4","01M786KDB10AYV042N0F9BD5B5","Clawd","01M786NYYXSZK1D05WM8JQPC48",0,"MIT","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fpublic\u002Fapi\u002Fskills\u002Fanimation-vocabulary\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: animation-vocabulary\ndescription: Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term (\"the bouncy thing when a popover opens\" → Pop in; \"the iOS rubber-band scroll\" → Rubber-banding). Use when the user asks \"what's it called when…\", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.\n---\n\n# Animation Vocabulary\n\nTurn a vague description of a motion or effect into the precise term, so the user knows what to ask for.\n\n## Quick Start\n\nThe user describes an effect loosely. You return the matching term(s) in this format:\n\n```\n**Stagger** — Animate several items one after another with a small delay between each, creating a cascade.\n```\n\nIf several terms could fit, list the best match first, then 1–2 alternates with a one-line note on how they differ.\n\n## Instructions\n\n1. **Read for intent, not keywords.** Users describe what they *see* or *feel* (\"springy\", \"slides off\", \"draws itself in\"), not the technical name. Map the sensation to the glossary below.\n2. **Quote the glossary verbatim.** Its descriptions are authoritative — use them as-is, don't paraphrase.\n3. **Disambiguate close terms.** When two compete (*Clip-path* vs *Mask*, *Pop in* vs *Bounce*, *Shared element transition* vs *Layout animation*), contrast them so the user can pick.\n4. **When nothing matches exactly,** name the closest term and say plainly it's an approximation, or describe the effect in the glossary's vocabulary (e.g. \"that's a *stagger* of *scale-in* entrances\").\n5. **Stay within this glossary.** If a term genuinely isn't here, say so rather than inventing one — though you may explain the concept using these words.\n6. **Keep it tight.** A naming question wants a name, not an essay. Lead with the term; expand only if asked.\n\n## Examples\n\n**Example 1 — feel-based**\nUser: \"What's it called when a popover seems to grow out of the button you clicked instead of from its middle?\"\nOutput:\n```\n**Origin-aware animation** — An element animates out of its trigger, like a popover growing from the button that opened it instead of from its own center which is the default in CSS.\n```\n\n**Example 2 — disambiguation**\nUser: \"The thing where one image turns into another image.\"\nOutput:\n```\n**Morph** — One shape smoothly turns into another shape, e.g. Dynamic Island.\n\nClose alternates:\n- **Crossfade** — if they simply fade over each other in the same spot.\n- **Shared element transition** — if an element travels and transforms from one position into another.\n```\n\n**Example 3 — physics feel**\nUser: \"That iOS scroll where it resists and snaps back when you pull too far.\"\nOutput:\n```\n**Rubber-banding** — Resistance and snap-back when you drag past a boundary (the iOS overscroll feel).\n```\n\n## Glossary\n\n_A curated snapshot mirroring the project's `\u002Fvocabulary` page; keep the two in sync when either changes._\n\n### Entrances & Exits — how elements appear and disappear\n- **Fade in \u002F Fade out** — Element appears or disappears by changing opacity.\n- **Slide in** — Element enters by sliding in from off-screen (left, right, top, or bottom).\n- **Scale in** — Element grows from smaller to full size as it appears, often paired with a fade.\n- **Pop in** — Element appears with a slight overshoot, like it bounces into place.\n- **Reveal** — Content is uncovered gradually, often by animating a clip-path or mask.\n- **Enter \u002F Exit** — The animation an element plays when it's added to or removed from the screen.\n\n### Sequencing & Timing — coordinating multiple elements or moments\n- **Keyframes** — Defined points in an animation (0%, 50%, 100%) that the browser fills the gaps between.\n- **Interpolation \u002F Tween** — Generating all the in-between frames between a start and end value, so motion is continuous.\n- **Stagger** — Animate several items one after another with a small delay between each, creating a cascade.\n- **Orchestration** — Deliberately timing multiple animations so they feel like one coordinated motion.\n- **Delay** — Time before an animation starts.\n- **Duration** — How long an animation takes.\n- **Fill mode** — Whether an element keeps its first or last frame's styles before the animation starts or after it ends (e.g. forwards).\n- **Stepped animation** — An animation that is divided into discrete steps, like a countdown timer.\n\n### Movement & Transforms — changing an element's position, size, or angle\n- **Translate** — Move an element along the X or Y axis.\n- **Scale** — Make an element bigger or smaller.\n- **Rotate** — Spin an element around a point.\n- **Skew** — Slant an element along the X or Y axis, shearing it out of its rectangular shape.\n- **3D tilt \u002F Flip** — Rotate in 3D space (rotateX \u002F rotateY) to add depth.\n- **Perspective** — How strong the 3D effect looks — a lower value exaggerates depth, like the viewer is closer.\n- **Transform origin** — The anchor point a scale or rotation grows or spins from.\n- **Origin-aware animation** — An element animates out of its trigger, like a popover growing from the button that opened it instead of from its own center which is the default in CSS.\n\n### Transitions Between States — connecting one state, view, or element to another\n- **Crossfade** — One element fades out as another fades in, in the same spot.\n- **Continuity transition** — A change that keeps the user oriented by visually connecting before and after. For example, making the same rectangle bigger and smaller.\n- **Morph** — One shape smoothly turns into another shape, e.g. Dynamic Island.\n- **Shared element transition** — An element travels and transforms from one position into another, like a thumbnail expanding into a card.\n- **Layout animation** — When an element's size or position changes, it animates to the new spot instead of snapping.\n- **Accordion \u002F Collapse** — A section smoothly expands and collapses its height to show or hide content.\n- **Direction-aware transition** — Content slides one way going forward and the opposite way going back, so navigation has a sense of direction.\n\n### Scroll — motion tied to scrolling or navigating between views\n- **Scroll reveal** — Elements fade or slide into place as they enter the viewport.\n- **Scroll-driven animation** — An animation whose progress is tied directly to scroll position.\n- **Parallax** — Background and foreground move at different speeds while scrolling, creating depth.\n- **Page transition** — An animation that plays when navigating from one page or route to another.\n- **View transition** — The browser morphs between two states or pages, connecting shared elements.\n\n### Feedback & Interaction — responding to the user's actions\n- **Hover effect** — Visual change when the cursor moves over an element.\n- **Press \u002F Tap feedback** — A subtle scale-down when an element is clicked, so it feels physical.\n- **Hold to confirm** — A progress effect that fills up while the user holds a button.\n- **Drag** — Moving an element by grabbing it, often with momentum when released.\n- **Drag to reorder** — Dragging items in a list to rearrange them, while the others shift to make room.\n- **Swipe to dismiss** — Dragging an element off-screen to close it, like a drawer or toast.\n- **Rubber-banding** — Resistance and snap-back when you drag past a boundary (the iOS overscroll feel).\n- **Shake \u002F Wiggle** — A quick side-to-side jitter signaling an error or rejected input.\n- **Ripple** — A circle expanding from the point of a tap, confirming the press.\n\n### Easing — how speed changes over an animation\n- **Easing** — The rate at which an animation speeds up or slows down.\n- **Ease-out** — Starts fast, ends slow. The default for most UI and anything responding to the user.\n- **Ease-in** — Starts slow, ends fast. Usually avoided; can feel sluggish.\n- **Ease-in-out** — Slow, fast, slow. Good for elements already on screen moving from A to B.\n- **Linear** — Constant speed. Avoid for UI; reserve for spinners or marquees.\n- **Cubic-bezier** — A custom easing curve you define for precise control.\n- **Asymmetric easing** — A curve that accelerates and decelerates at different rates. Feels more alive than a symmetric one.\n\n### Spring Animations — physics-based motion as an alternative to fixed-duration easing\n- **Spring** — Motion driven by physics (tension, mass, damping) rather than a set duration.\n- **Stiffness \u002F Tension** — How strongly the spring pulls toward its target. Higher feels snappier.\n- **Damping** — How quickly a spring settles. Lower damping means more bounce and oscillation.\n- **Mass** — How heavy the animated element feels. More mass makes it slower and more sluggish.\n- **Bounce** — A spring that overshoots and settles, adding playfulness.\n- **Perceptual duration** — How long a spring feels finished, even though it keeps micro-settling underneath.\n- **Momentum** — Motion that carries velocity, especially after a drag or interruption.\n- **Velocity** — How fast and in which direction an element is moving. A spring carries it into the next animation when interrupted, so a flicked element keeps its speed.\n- **Interruptible animation** — An animation that can be smoothly redirected mid-flight instead of finishing first.\n\n### Looping & Ambient Motion — animations that run on their own\n- **Marquee** — Text or content that scrolls continuously in a loop.\n- **Loop** — An animation that repeats, a set number of times or infinitely.\n- **Alternate (yoyo)** — A loop that plays forward then reverses each iteration, instead of jumping back to the start.\n- **Orbit** — An element circling around another in a continuous path.\n- **Pulse** — A gentle repeating scale or opacity change to draw attention.\n- **Float** — A gentle, continuous up-and-down drift that makes a static element feel alive and weightless.\n- **Idle animation** — Subtle motion that plays while an element is just sitting there, waiting to be interacted with.\n\n### Polish & Effects — the small touches that separate good from great\n- **Blur** — A blur filter used to soften an element or mask tiny imperfections.\n- **Clip-path** — Clipping an element to a shape, used for reveals, masks, and before\u002Fafter sliders.\n- **Mask** — Hiding or revealing parts of an element using a shape or gradient — like clip-path, but with soft, fadeable edges.\n- **Before \u002F after slider** — A draggable divider that wipes between two overlaid images to compare them.\n- **Line drawing** — An SVG path that draws itself in, like an invisible pen tracing it.\n- **Text morph** — Text that animates character by character when it changes, drawing attention to the new value.\n- **Skeleton \u002F Shimmer** — A placeholder with a moving sheen shown while content loads.\n- **Number ticker** — Digits rolling or counting up to a value.\n- **Tabular numbers** — Fixed-width digits so numbers don't shift around as they change. Essential for tickers, timers, and counters.\n- **Typewriter** — Text appearing one character at a time, as if being typed.\n\n### Performance — what keeps motion smooth instead of stuttering\n- **Frame rate (FPS)** — Frames drawn per second. 60fps is the baseline for smooth motion; 120fps on newer displays.\n- **Jank** — Visible stutter when the browser drops frames because it can't keep up with the animation.\n- **Dropped frame** — A frame the browser missed its deadline to draw, causing a tiny hitch in motion.\n- **Compositing** — Letting the GPU move or fade an element on its own layer without redoing layout or paint.\n- **will-change** — A CSS hint that an element is about to animate, so the browser can promote it to its own layer ahead of time.\n- **Layout thrashing** — Animating properties like width, height, top, or left that force the browser to recalculate layout every frame, causing jank.\n\n### Principles to Know — concepts that guide when and how to animate\n- **Purposeful animation** — Motion should serve a function — orient, give feedback, show relationships — not just decorate.\n- **Anticipation** — A small wind-up in the opposite direction before a move, hinting at what's about to happen.\n- **Follow-through** — Parts of an element keep moving and settle slightly after the main motion stops, adding weight.\n- **Squash & stretch** — Deforming an element as it moves to convey weight, speed, and flexibility.\n- **Perceived performance** — The right animation makes an interface feel faster, even when it isn't.\n- **Frequency of use** — The more often a user sees an animation, the shorter and subtler it should be.\n- **Spatial consistency** — Animating so an element keeps its identity and position across states, so users never lose track of where things went.\n- **Hardware acceleration** — Animating transform and opacity lets the GPU keep motion smooth.\n- **Reduced motion** — Respecting the user's prefers-reduced-motion setting by toning down or removing motion.\n","# Animation Vocabulary\n\nTurn a vague description of a motion or effect into the precise term, so the user knows what to ask for.\n\n## Quick Start\n\nThe user describes an effect loosely. You return the matching term(s) in this format:\n\n```\n**Stagger** — Animate several items one after another with a small delay between each, creating a cascade.\n```\n\nIf several terms could fit, list the best match first, then 1–2 alternates with a one-line note on how they differ.\n\n## Instructions\n\n1. **Read for intent, not keywords.** Users describe what they *see* or *feel* (\"springy\", \"slides off\", \"draws itself in\"), not the technical name. Map the sensation to the glossary below.\n2. **Quote the glossary verbatim.** Its descriptions are authoritative — use them as-is, don't paraphrase.\n3. **Disambiguate close terms.** When two compete (*Clip-path* vs *Mask*, *Pop in* vs *Bounce*, *Shared element transition* vs *Layout animation*), contrast them so the user can pick.\n4. **When nothing matches exactly,** name the closest term and say plainly it's an approximation, or describe the effect in the glossary's vocabulary (e.g. \"that's a *stagger* of *scale-in* entrances\").\n5. **Stay within this glossary.** If a term genuinely isn't here, say so rather than inventing one — though you may explain the concept using these words.\n6. **Keep it tight.** A naming question wants a name, not an essay. Lead with the term; expand only if asked.\n\n## Examples\n\n**Example 1 — feel-based**\nUser: \"What's it called when a popover seems to grow out of the button you clicked instead of from its middle?\"\nOutput:\n```\n**Origin-aware animation** — An element animates out of its trigger, like a popover growing from the button that opened it instead of from its own center which is the default in CSS.\n```\n\n**Example 2 — disambiguation**\nUser: \"The thing where one image turns into another image.\"\nOutput:\n```\n**Morph** — One shape smoothly turns into another shape, e.g. Dynamic Island.\n\nClose alternates:\n- **Crossfade** — if they simply fade over each other in the same spot.\n- **Shared element transition** — if an element travels and transforms from one position into another.\n```\n\n**Example 3 — physics feel**\nUser: \"That iOS scroll where it resists and snaps back when you pull too far.\"\nOutput:\n```\n**Rubber-banding** — Resistance and snap-back when you drag past a boundary (the iOS overscroll feel).\n```\n\n## Glossary\n\n_A curated snapshot mirroring the project's `\u002Fvocabulary` page; keep the two in sync when either changes._\n\n### Entrances & Exits — how elements appear and disappear\n- **Fade in \u002F Fade out** — Element appears or disappears by changing opacity.\n- **Slide in** — Element enters by sliding in from off-screen (left, right, top, or bottom).\n- **Scale in** — Element grows from smaller to full size as it appears, often paired with a fade.\n- **Pop in** — Element appears with a slight overshoot, like it bounces into place.\n- **Reveal** — Content is uncovered gradually, often by animating a clip-path or mask.\n- **Enter \u002F Exit** — The animation an element plays when it's added to or removed from the screen.\n\n### Sequencing & Timing — coordinating multiple elements or moments\n- **Keyframes** — Defined points in an animation (0%, 50%, 100%) that the browser fills the gaps between.\n- **Interpolation \u002F Tween** — Generating all the in-between frames between a start and end value, so motion is continuous.\n- **Stagger** — Animate several items one after another with a small delay between each, creating a cascade.\n- **Orchestration** — Deliberately timing multiple animations so they feel like one coordinated motion.\n- **Delay** — Time before an animation starts.\n- **Duration** — How long an animation takes.\n- **Fill mode** — Whether an element keeps its first or last frame's styles before the animation starts or after it ends (e.g. forwards).\n- **Stepped animation** — An animation that is divided into discrete steps, like a countdown timer.\n\n### Movement & Transforms — changing an element's position, size, or angle\n- **Translate** — Move an element along the X or Y axis.\n- **Scale** — Make an element bigger or smaller.\n- **Rotate** — Spin an element around a point.\n- **Skew** — Slant an element along the X or Y axis, shearing it out of its rectangular shape.\n- **3D tilt \u002F Flip** — Rotate in 3D space (rotateX \u002F rotateY) to add depth.\n- **Perspective** — How strong the 3D effect looks — a lower value exaggerates depth, like the viewer is closer.\n- **Transform origin** — The anchor point a scale or rotation grows or spins from.\n- **Origin-aware animation** — An element animates out of its trigger, like a popover growing from the button that opened it instead of from its own center which is the default in CSS.\n\n### Transitions Between States — connecting one state, view, or element to another\n- **Crossfade** — One element fades out as another fades in, in the same spot.\n- **Continuity transition** — A change that keeps the user oriented by visually connecting before and after. For example, making the same rectangle bigger and smaller.\n- **Morph** — One shape smoothly turns into another shape, e.g. Dynamic Island.\n- **Shared element transition** — An element travels and transforms from one position into another, like a thumbnail expanding into a card.\n- **Layout animation** — When an element's size or position changes, it animates to the new spot instead of snapping.\n- **Accordion \u002F Collapse** — A section smoothly expands and collapses its height to show or hide content.\n- **Direction-aware transition** — Content slides one way going forward and the opposite way going back, so navigation has a sense of direction.\n\n### Scroll — motion tied to scrolling or navigating between views\n- **Scroll reveal** — Elements fade or slide into place as they enter the viewport.\n- **Scroll-driven animation** — An animation whose progress is tied directly to scroll position.\n- **Parallax** — Background and foreground move at different speeds while scrolling, creating depth.\n- **Page transition** — An animation that plays when navigating from one page or route to another.\n- **View transition** — The browser morphs between two states or pages, connecting shared elements.\n\n### Feedback & Interaction — responding to the user's actions\n- **Hover effect** — Visual change when the cursor moves over an element.\n- **Press \u002F Tap feedback** — A subtle scale-down when an element is clicked, so it feels physical.\n- **Hold to confirm** — A progress effect that fills up while the user holds a button.\n- **Drag** — Moving an element by grabbing it, often with momentum when released.\n- **Drag to reorder** — Dragging items in a list to rearrange them, while the others shift to make room.\n- **Swipe to dismiss** — Dragging an element off-screen to close it, like a drawer or toast.\n- **Rubber-banding** — Resistance and snap-back when you drag past a boundary (the iOS overscroll feel).\n- **Shake \u002F Wiggle** — A quick side-to-side jitter signaling an error or rejected input.\n- **Ripple** — A circle expanding from the point of a tap, confirming the press.\n\n### Easing — how speed changes over an animation\n- **Easing** — The rate at which an animation speeds up or slows down.\n- **Ease-out** — Starts fast, ends slow. The default for most UI and anything responding to the user.\n- **Ease-in** — Starts slow, ends fast. Usually avoided; can feel sluggish.\n- **Ease-in-out** — Slow, fast, slow. Good for elements already on screen moving from A to B.\n- **Linear** — Constant speed. Avoid for UI; reserve for spinners or marquees.\n- **Cubic-bezier** — A custom easing curve you define for precise control.\n- **Asymmetric easing** — A curve that accelerates and decelerates at different rates. Feels more alive than a symmetric one.\n\n### Spring Animations — physics-based motion as an alternative to fixed-duration easing\n- **Spring** — Motion driven by physics (tension, mass, damping) rather than a set duration.\n- **Stiffness \u002F Tension** — How strongly the spring pulls toward its target. Higher feels snappier.\n- **Damping** — How quickly a spring settles. Lower damping means more bounce and oscillation.\n- **Mass** — How heavy the animated element feels. More mass makes it slower and more sluggish.\n- **Bounce** — A spring that overshoots and settles, adding playfulness.\n- **Perceptual duration** — How long a spring feels finished, even though it keeps micro-settling underneath.\n- **Momentum** — Motion that carries velocity, especially after a drag or interruption.\n- **Velocity** — How fast and in which direction an element is moving. A spring carries it into the next animation when interrupted, so a flicked element keeps its speed.\n- **Interruptible animation** — An animation that can be smoothly redirected mid-flight instead of finishing first.\n\n### Looping & Ambient Motion — animations that run on their own\n- **Marquee** — Text or content that scrolls continuously in a loop.\n- **Loop** — An animation that repeats, a set number of times or infinitely.\n- **Alternate (yoyo)** — A loop that plays forward then reverses each iteration, instead of jumping back to the start.\n- **Orbit** — An element circling around another in a continuous path.\n- **Pulse** — A gentle repeating scale or opacity change to draw attention.\n- **Float** — A gentle, continuous up-and-down drift that makes a static element feel alive and weightless.\n- **Idle animation** — Subtle motion that plays while an element is just sitting there, waiting to be interacted with.\n\n### Polish & Effects — the small touches that separate good from great\n- **Blur** — A blur filter used to soften an element or mask tiny imperfections.\n- **Clip-path** — Clipping an element to a shape, used for reveals, masks, and before\u002Fafter sliders.\n- **Mask** — Hiding or revealing parts of an element using a shape or gradient — like clip-path, but with soft, fadeable edges.\n- **Before \u002F after slider** — A draggable divider that wipes between two overlaid images to compare them.\n- **Line drawing** — An SVG path that draws itself in, like an invisible pen tracing it.\n- **Text morph** — Text that animates character by character when it changes, drawing attention to the new value.\n- **Skeleton \u002F Shimmer** — A placeholder with a moving sheen shown while content loads.\n- **Number ticker** — Digits rolling or counting up to a value.\n- **Tabular numbers** — Fixed-width digits so numbers don't shift around as they change. Essential for tickers, timers, and counters.\n- **Typewriter** — Text appearing one character at a time, as if being typed.\n\n### Performance — what keeps motion smooth instead of stuttering\n- **Frame rate (FPS)** — Frames drawn per second. 60fps is the baseline for smooth motion; 120fps on newer displays.\n- **Jank** — Visible stutter when the browser drops frames because it can't keep up with the animation.\n- **Dropped frame** — A frame the browser missed its deadline to draw, causing a tiny hitch in motion.\n- **Compositing** — Letting the GPU move or fade an element on its own layer without redoing layout or paint.\n- **will-change** — A CSS hint that an element is about to animate, so the browser can promote it to its own layer ahead of time.\n- **Layout thrashing** — Animating properties like width, height, top, or left that force the browser to recalculate layout every frame, causing jank.\n\n### Principles to Know — concepts that guide when and how to animate\n- **Purposeful animation** — Motion should serve a function — orient, give feedback, show relationships — not just decorate.\n- **Anticipation** — A small wind-up in the opposite direction before a move, hinting at what's about to happen.\n- **Follow-through** — Parts of an element keep moving and settle slightly after the main motion stops, adding weight.\n- **Squash & stretch** — Deforming an element as it moves to convey weight, speed, and flexibility.\n- **Perceived performance** — The right animation makes an interface feel faster, even when it isn't.\n- **Frequency of use** — The more often a user sees an animation, the shorter and subtler it should be.\n- **Spatial consistency** — Animating so an element keeps its identity and position across states, so users never lose track of where things went.\n- **Hardware acceleration** — Animating transform and opacity lets the GPU keep motion smooth.\n- **Reduced motion** — Respecting the user's prefers-reduced-motion setting by toning down or removing motion.\n",{"name":5,"description":7},"main","be3de0244dc1a57e323d8160787ebb40fb64930e","public\u002Fapi\u002Fskills\u002Fanimation-vocabulary","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main","https:\u002F\u002Fskills.x402.wtf","https:\u002F\u002Fgithub.com\u002FSolizardking","https:\u002F\u002Fmusebook.trade","Got a mile high and never came down","2026-10-08 23:20:13",{"source":8,"skillName":5,"commands":34,"prompt":44,"zipAvailable":45},[35,38,41],{"tool":36,"command":37},"npx","npx skills add Solizardking\u002Fskillhub-main --skill animation-vocabulary",{"tool":39,"command":40},"bunx","bunx skills add Solizardking\u002Fskillhub-main --skill animation-vocabulary",{"tool":42,"command":43},"pnpm","pnpm dlx skills add Solizardking\u002Fskillhub-main --skill animation-vocabulary","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fpublic\u002Fapi\u002Fskills\u002Fanimation-vocabulary\u002FSKILL.md",true,[47,53],{"path":48,"resourceType":49,"resourceTypeDesc":50,"sizeBytes":51,"sourceHtmlUrl":52},"metadata.json","REFERENCE","参考文档",611,"https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fpublic\u002Fapi\u002Fskills\u002Fanimation-vocabulary\u002Fmetadata.json",{"path":54,"resourceType":49,"resourceTypeDesc":50,"sizeBytes":55,"sourceHtmlUrl":56},"verification.json",1305,"https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fpublic\u002Fapi\u002Fskills\u002Fanimation-vocabulary\u002Fverification.json",[58,65,72,79,86,94],{"skillNo":59,"name":60,"nameZh":6,"description":61,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":62,"categories":63,"keywords":64,"publishedAt":19},"01M78E0TGCAMNPS207BA3G07S7","zkrouter","Self-hosted OpenAI-compatible LLM router — smart tier-based routing, ZK-stamped routing decisions, mode overrides, free OpenRouter at install via the Birth bot. Save 60-80% on inference costs by routing to the cheapest capable model across 12+ OpenRouter models.","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fskills\u002Fzkrouter\u002FSKILL.md",[],[],{"skillNo":66,"name":67,"nameZh":6,"description":68,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":69,"categories":70,"keywords":71,"publishedAt":19},"01M78E0R1Z8BDT6EDTHY17MTNB","zk","For custom ZK Solana programs and privacy-preserving applications to prevent double spending. Guide to integrate rent-free nullifier PDAs for double-spend prevention.","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fskills\u002Fzk\u002FSKILL.md",[],[],{"skillNo":73,"name":74,"nameZh":6,"description":75,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":76,"categories":77,"keywords":78,"publishedAt":19},"01M78E0P3ZTZ1YWF8MD5MM23QE","zk-omni-messaging","Zero-knowledge omnichain messaging between Robinhood Chain and Solana using CheshireZkOmniMessenger (msgType 4) with nullifier anti-replay and the zk-omni-relayer service.","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fskills\u002Fzk-omni-messaging\u002FSKILL.md",[],[],{"skillNo":80,"name":81,"nameZh":6,"description":82,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":85,"publishedAt":19},"01M78E0JXZ2PNB1896VXAGDBWD","zerion-wallet-data","Use when the user asks to check a wallet's portfolio, token balances, DeFi positions, PnL, transaction history, or NFTs. Provides interpreted on-chain data across 40+ EVM chains and Solana via x402 pay-per-request or API key — no raw RPC decoding needed.","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fskills\u002Fzerion-wallet-data\u002FSKILL.md",[],[],{"skillNo":87,"name":88,"nameZh":6,"description":89,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":90,"sourceHtmlUrl":91,"categories":92,"keywords":93,"publishedAt":19},"01M78E0G14FH9GRRTQYMKD5E59","youtube-clipper","YouTube 视频智能剪辑工具。下载视频和字幕，AI 分析生成精细章节（几分钟级别）， 用户选择片段后自动剪辑、翻译字幕为中英双语、烧录字幕到视频，并生成总结文案。 使用场景：当用户需要剪辑 YouTube 视频、生成短视频片段、制作双语字幕版本时。 关键词：视频剪辑、YouTube、字幕翻译、双语字幕、视频下载、clip video","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\u002FLICENSE","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":95,"name":96,"nameZh":6,"description":97,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":98,"categories":99,"keywords":100,"publishedAt":19},"01M78E0C2ZYA99CFFDNB7ZMK5S","yield-optimization","Multi-chain yield optimization via yield.xyz (StakeKit). Discover 2,988+ yield opportunities across 75+ blockchains, build deposit\u002Fwithdrawal transactions with shell scripts, and sign them with a MoonPay wallet. Use when the user wants to earn yield, find the best lending or staking rate, enter\u002Fexit a position, or check portfolio balances.","https:\u002F\u002Fgithub.com\u002FSolizardking\u002Fskillhub-main\u002Fblob\u002Fmain\u002Fskills\u002Fyield-optimization\u002FSKILL.md",[],[]]