[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6J6XSNQWPSQCCM3JRTG2FXQ":3,"skill-same:01M6J6XSNQWPSQCCM3JRTG2FXQ":116},{"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":34,"publishedAt":54,"linkOnly":55,"markdownContent":56,"markdownBody":57,"frontMatter":58,"refName":77,"commitSha":78,"skillDirectory":79,"forksCount":80,"repositoryHtmlUrl":81,"repositoryHomepageUrl":82,"ownerHtmlUrl":83,"ownerBlogUrl":6,"ownerDescription":84,"updatedAt":85,"install":86,"resources":99},"01M6J6XSNQWPSQCCM3JRTG2FXQ","tweaks",null,"Wrap HTML artifacts with a live parameter side panel for safe visual tuning of colors, spacing, typography, and behavior. Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief asks for \"variants\", \"side-by-side options\", \"tweak this\", \"let me adjust\", \"live knobs\", or \"实时调参\".","onfire7777\u002Funiversal-ai-skills-library","onfire7777","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F240866566?v=4","01M6HZJCF2QEW8DY7HE1JDKGK2","Jake B","01M6HZJCKK8SEXKN76V9SGKZ12",17,"MIT","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Ftweaks\u002FSKILL.md",[18,23,26,29],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":30,"categoryName":31,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[5,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53],"options","persist","html artifact","spacing","re","false","live","time","artifact","design","me","typography","choice","explore","fly","tuning","brief","safe","css","2026-11-10 10:12:30",false,"---\nname: tweaks\ndescription: Wrap HTML artifacts with a live parameter side panel for safe visual tuning of colors, spacing, typography, and behavior.\n  Wrap any HTML artifact with a side panel of live, parameterized\n  controls — accent color, type scale, density, motion, theme — that\n  rewrite CSS custom properties in real time and persist to\n  localStorage. Lets the user explore variants of a design without\n  re-prompting the agent. Use when the brief asks for \"variants\",\n  \"side-by-side options\", \"tweak this\", \"let me adjust\", \"live\n  knobs\", or \"实时调参\".\ntriggers:\n  - \"tweaks\"\n  - \"variants\"\n  - \"tweak panel\"\n  - \"live controls\"\n  - \"adjust on the fly\"\n  - \"实时调参\"\n  - \"可调参数面板\"\n  - \"side panel\"\n  - \"knobs\"\nod:\n  mode: prototype\n  platform: desktop\n  scenario: design\n  upstream: \"https:\u002F\u002Fgithub.com\u002Falchaincyf\u002Fhuashu-design\"\n  preview:\n    type: html\n    entry: index.html\n  design_system:\n    requires: false\n  example_prompt: \"Wrap this landing page with a tweak panel — accent color, type scale, density, light\u002Fdark — persist to localStorage so the user can refresh without losing their choice.\"\n---\n\n# Tweaks Skill · 参数化变体面板\n\nWrap any HTML artifact with a side panel of live controls that rewrite\nCSS custom properties in real time and persist to `localStorage`.\nInspired by the *huashu-design* tweak pattern.\n\n## What you produce\n\nA single self-contained HTML file with two layers:\n\n1. **Stage** — the original artifact (landing page \u002F deck \u002F dashboard)\n   re-keyed so all visual decisions read from CSS custom properties:\n   `--accent`, `--scale`, `--density`, `--mode`, `--motion`.\n2. **Panel** — a fixed sidebar (or drawer on small viewports) with\n   form controls bound to those custom properties via a tiny\n   vanilla-JS bridge. Persists every change to `localStorage` keyed\n   by the artifact identifier.\n\nThe user can:\n\n- Open the artifact and see the stage rendered with their saved\n  preferences (or sensible defaults).\n- Adjust accent \u002F scale \u002F density \u002F mode \u002F motion in the panel and\n  watch the stage update instantly — no rerender.\n- Press \u003Ckbd>T\u003C\u002Fkbd> to hide \u002F reveal the panel; \u003Ckbd>R\u003C\u002Fkbd> to\n  reset to defaults.\n- Refresh the page — every choice is persisted.\n\n## When to use\n\n- The user generated something they like 80% of, and wants to dial\n  in the last 20% themselves.\n- You're presenting a design system \u002F brand and want the audience to\n  feel the variants live (instead of you re-running the agent).\n- You're shipping a stand-alone demo (e.g. a portfolio piece) and\n  want viewers to play.\n\n## When *not* to use\n\n- One-shot artifacts that won't be iterated on (e.g. a runbook —\n  parameters don't help).\n- When the artifact's value is in fixed ratios (e.g. an infographic\n  with carefully balanced data viz — knobs would degrade it).\n\n## The 5 standard knobs\n\n> Pick a subset that suits the artifact. Don't ship all 5 if only 2\n> matter — clutter is a regression.\n\n### 1. `--accent` — Accent color\n\nA select with 5–8 curated swatches (don't ship a free color picker —\nthe user will pick a bad color and blame you).\n\n```js\nconst ACCENT_PRESETS = [\n  { id: 'rust',    val: '#c96442', label: 'Rust' },\n  { id: 'cobalt',  val: '#2c4d8e', label: 'Cobalt' },\n  { id: 'sage',    val: '#4a7a3f', label: 'Sage' },\n  { id: 'plum',    val: '#7a3f6a', label: 'Plum' },\n  { id: 'graphite',val: '#3a3a3a', label: 'Graphite' },\n];\n```\n\nThe artifact uses `var(--accent)` everywhere it had a hard-coded\naccent before. Border \u002F link \u002F pull-quote rule \u002F CTA all flip\ntogether.\n\n### 2. `--scale` — Type scale (0.85 \u002F 1.0 \u002F 1.15)\n\nThree settings: *Compact* (0.85), *Normal* (1.0), *Generous* (1.15).\nAll `font-size` declarations multiply by `var(--scale)` via\n`calc(... * var(--scale))`.\n\nDon't go beyond ±15% — beyond that the layout breaks (column flow,\nbreakpoints, line counts).\n\n### 3. `--density` — Layout density (Tight \u002F Normal \u002F Roomy)\n\nThree settings that swap the spacing scale: *Tight* (0.75) \u002F\n*Normal* (1.0) \u002F *Roomy* (1.4). All `padding` \u002F `gap` \u002F `margin`\ndeclarations multiply by `var(--density)`.\n\nThis is the highest-impact knob — it's also the most fragile, so\n**every layout-critical container must declare its base spacing in\ncustom properties** before you wrap.\n\n### 4. `--mode` — Light \u002F Dark\n\nA 2-state toggle. Sets `data-mode=\"light\"` vs `\"dark\"` on the\n`\u003Chtml>` element and the artifact's `:root` selector responds with\ntwo color sets.\n\nIf the artifact already has a media-query-based dark mode, *replace*\nit with the data-attr version — the user's choice should win over\ntheir OS.\n\n### 5. `--motion` — Off \u002F Subtle \u002F Lively\n\nThree settings. Maps to a CSS variable `--motion-mult` that scales\nall `transition-duration` \u002F `animation-duration` declarations:\n\n- *Off* — `0s` (also disables WebGL canvases \u002F decorative animation).\n- *Subtle* — `1.0` (the artifact's authored timing).\n- *Lively* — `1.6` (slower transitions, more visible motion).\n\nRespect `prefers-reduced-motion`: default to *Off* if the user has\nthat set, regardless of stored preference.\n\n## Implementation primitives\n\nRead `assets\u002Fwrap.html` — it ships the panel + bridge as an\ninert template. Your job is to:\n\n1. Take the user's existing artifact HTML.\n2. Lift its accent \u002F mode \u002F spacing \u002F scale into custom properties\n   (search for hard-coded `#hex` \u002F `Npx` \u002F `Nrem` and convert).\n3. Paste the contents into the marked region of `wrap.html`.\n4. Edit `assets\u002Fwrap.html`'s `KNOBS` array to keep only the knobs\n   you decided are relevant to *this* artifact. Don't ship 5 if 2\n   matter.\n5. Patch the `STORAGE_KEY` to a unique slug (`tweaks-\u003Cartifact-slug>`).\n\nThe bridge in `wrap.html`:\n- Loads `localStorage[STORAGE_KEY]` JSON on first paint.\n- Applies values as `document.documentElement.style.setProperty('--accent', ...)`.\n- Listens to every form control's `change` event and writes back.\n- Exposes \u003Ckbd>T\u003C\u002Fkbd> (toggle panel) and \u003Ckbd>R\u003C\u002Fkbd> (reset).\n\n## Workflow\n\n### Step 1 — Acquire the artifact\n\nSame options as the critique skill:\n\n1. Project file (`index.html` in the project folder).\n2. Pasted HTML in the chat.\n3. Generated by you in this turn.\n\n### Step 2 — Decide which knobs apply\n\nRead the artifact's CSS first. For each knob, decide *yes \u002F no*:\n\n- `--accent` — yes if the artifact has 1 accent color used ≥ 3 times.\n- `--scale` — yes if the artifact is type-driven (article, deck,\n  pricing page).\n- `--density` — yes if the artifact has consistent gap \u002F padding\n  rhythm (deck, dashboard, landing). No for runbooks (already dense).\n- `--mode` — yes if the artifact has authored dark mode tokens, or\n  you're willing to derive them.\n- `--motion` — yes if the artifact has any transition \u002F animation\n  worth scaling. No for static reports \u002F critique reports.\n\nDefault: **3 knobs is the sweet spot.** Five is too busy, one is\nnot worth a panel.\n\n### Step 3 — Lift hard-coded values into custom properties\n\nOpen `assets\u002Fwrap.html`'s `\u003Cstyle>` block — copy its custom-property\nnaming scheme (`--accent`, `--scale`, etc.). In the user's artifact,\nfind every place those concerns live and rewrite:\n\n- `color: #c96442` → `color: var(--accent)`\n- `font-size: 18px` → `font-size: calc(18px * var(--scale))`\n- `padding: 24px 32px` → `padding: calc(24px * var(--density)) calc(32px * var(--density))`\n- `transition: opacity 200ms` → `transition: opacity calc(200ms * var(--motion-mult))`\n\nIf the artifact uses `clamp()` or `vw` already, multiply the\n*outer* value by the custom property — don't tear apart `clamp(...)`.\n\n### Step 4 — Paste into the wrap\n\nCopy the artifact's `\u003Cstyle>` and `\u003Cbody>` into the marked regions\nof `wrap.html`. Keep the panel + bridge intact.\n\n### Step 5 — Test the loop\n\nOpen the result, click each knob at least once, refresh the page,\nconfirm the choice persists. If a knob breaks the layout —\n*remove it*, don't ship it.\n\n## Output contract\n\n```\n\u003Cartifact identifier=\"tweaks-\u003Cartifact-slug>\" type=\"text\u002Fhtml\" title=\"\u003CArtifact Title> · Tweaks\">\n\u003C!doctype html>\n\u003Chtml>...\u003C\u002Fhtml>\n\u003C\u002Fartifact>\n```\n\nOne sentence before the artifact (\"Wrapped X with a 3-knob tweak\npanel — accent \u002F scale \u002F mode.\"). Stop after `\u003C\u002Fartifact>`.\n\n## Hard rules\n\n- **Don't ship a free color picker** — only curated swatches. Users\n  pick bad colors when given freedom; saving them from that is the\n  whole point.\n- **Persist by artifact identifier** — `tweaks-\u003Cslug>`, not a global\n  key. Two artifacts open in two tabs must not share state.\n- **Respect `prefers-reduced-motion`** — default to *Off* for motion\n  if the user has that set, override only on explicit click.\n- **Single-file** — no external CSS \u002F JS \u002F fonts beyond the artifact's\n  existing imports. Inline the panel + bridge.\n- **Panel hidden by default on viewports \u003C 720px** — slide-in drawer\n  via a \"T\" button at top-right.\n- **Don't ship more than 5 knobs.** Three is the sweet spot.\n\n","# Tweaks Skill · 参数化变体面板\n\nWrap any HTML artifact with a side panel of live controls that rewrite\nCSS custom properties in real time and persist to `localStorage`.\nInspired by the *huashu-design* tweak pattern.\n\n## What you produce\n\nA single self-contained HTML file with two layers:\n\n1. **Stage** — the original artifact (landing page \u002F deck \u002F dashboard)\n   re-keyed so all visual decisions read from CSS custom properties:\n   `--accent`, `--scale`, `--density`, `--mode`, `--motion`.\n2. **Panel** — a fixed sidebar (or drawer on small viewports) with\n   form controls bound to those custom properties via a tiny\n   vanilla-JS bridge. Persists every change to `localStorage` keyed\n   by the artifact identifier.\n\nThe user can:\n\n- Open the artifact and see the stage rendered with their saved\n  preferences (or sensible defaults).\n- Adjust accent \u002F scale \u002F density \u002F mode \u002F motion in the panel and\n  watch the stage update instantly — no rerender.\n- Press \u003Ckbd>T\u003C\u002Fkbd> to hide \u002F reveal the panel; \u003Ckbd>R\u003C\u002Fkbd> to\n  reset to defaults.\n- Refresh the page — every choice is persisted.\n\n## When to use\n\n- The user generated something they like 80% of, and wants to dial\n  in the last 20% themselves.\n- You're presenting a design system \u002F brand and want the audience to\n  feel the variants live (instead of you re-running the agent).\n- You're shipping a stand-alone demo (e.g. a portfolio piece) and\n  want viewers to play.\n\n## When *not* to use\n\n- One-shot artifacts that won't be iterated on (e.g. a runbook —\n  parameters don't help).\n- When the artifact's value is in fixed ratios (e.g. an infographic\n  with carefully balanced data viz — knobs would degrade it).\n\n## The 5 standard knobs\n\n> Pick a subset that suits the artifact. Don't ship all 5 if only 2\n> matter — clutter is a regression.\n\n### 1. `--accent` — Accent color\n\nA select with 5–8 curated swatches (don't ship a free color picker —\nthe user will pick a bad color and blame you).\n\n```js\nconst ACCENT_PRESETS = [\n  { id: 'rust',    val: '#c96442', label: 'Rust' },\n  { id: 'cobalt',  val: '#2c4d8e', label: 'Cobalt' },\n  { id: 'sage',    val: '#4a7a3f', label: 'Sage' },\n  { id: 'plum',    val: '#7a3f6a', label: 'Plum' },\n  { id: 'graphite',val: '#3a3a3a', label: 'Graphite' },\n];\n```\n\nThe artifact uses `var(--accent)` everywhere it had a hard-coded\naccent before. Border \u002F link \u002F pull-quote rule \u002F CTA all flip\ntogether.\n\n### 2. `--scale` — Type scale (0.85 \u002F 1.0 \u002F 1.15)\n\nThree settings: *Compact* (0.85), *Normal* (1.0), *Generous* (1.15).\nAll `font-size` declarations multiply by `var(--scale)` via\n`calc(... * var(--scale))`.\n\nDon't go beyond ±15% — beyond that the layout breaks (column flow,\nbreakpoints, line counts).\n\n### 3. `--density` — Layout density (Tight \u002F Normal \u002F Roomy)\n\nThree settings that swap the spacing scale: *Tight* (0.75) \u002F\n*Normal* (1.0) \u002F *Roomy* (1.4). All `padding` \u002F `gap` \u002F `margin`\ndeclarations multiply by `var(--density)`.\n\nThis is the highest-impact knob — it's also the most fragile, so\n**every layout-critical container must declare its base spacing in\ncustom properties** before you wrap.\n\n### 4. `--mode` — Light \u002F Dark\n\nA 2-state toggle. Sets `data-mode=\"light\"` vs `\"dark\"` on the\n`\u003Chtml>` element and the artifact's `:root` selector responds with\ntwo color sets.\n\nIf the artifact already has a media-query-based dark mode, *replace*\nit with the data-attr version — the user's choice should win over\ntheir OS.\n\n### 5. `--motion` — Off \u002F Subtle \u002F Lively\n\nThree settings. Maps to a CSS variable `--motion-mult` that scales\nall `transition-duration` \u002F `animation-duration` declarations:\n\n- *Off* — `0s` (also disables WebGL canvases \u002F decorative animation).\n- *Subtle* — `1.0` (the artifact's authored timing).\n- *Lively* — `1.6` (slower transitions, more visible motion).\n\nRespect `prefers-reduced-motion`: default to *Off* if the user has\nthat set, regardless of stored preference.\n\n## Implementation primitives\n\nRead `assets\u002Fwrap.html` — it ships the panel + bridge as an\ninert template. Your job is to:\n\n1. Take the user's existing artifact HTML.\n2. Lift its accent \u002F mode \u002F spacing \u002F scale into custom properties\n   (search for hard-coded `#hex` \u002F `Npx` \u002F `Nrem` and convert).\n3. Paste the contents into the marked region of `wrap.html`.\n4. Edit `assets\u002Fwrap.html`'s `KNOBS` array to keep only the knobs\n   you decided are relevant to *this* artifact. Don't ship 5 if 2\n   matter.\n5. Patch the `STORAGE_KEY` to a unique slug (`tweaks-\u003Cartifact-slug>`).\n\nThe bridge in `wrap.html`:\n- Loads `localStorage[STORAGE_KEY]` JSON on first paint.\n- Applies values as `document.documentElement.style.setProperty('--accent', ...)`.\n- Listens to every form control's `change` event and writes back.\n- Exposes \u003Ckbd>T\u003C\u002Fkbd> (toggle panel) and \u003Ckbd>R\u003C\u002Fkbd> (reset).\n\n## Workflow\n\n### Step 1 — Acquire the artifact\n\nSame options as the critique skill:\n\n1. Project file (`index.html` in the project folder).\n2. Pasted HTML in the chat.\n3. Generated by you in this turn.\n\n### Step 2 — Decide which knobs apply\n\nRead the artifact's CSS first. For each knob, decide *yes \u002F no*:\n\n- `--accent` — yes if the artifact has 1 accent color used ≥ 3 times.\n- `--scale` — yes if the artifact is type-driven (article, deck,\n  pricing page).\n- `--density` — yes if the artifact has consistent gap \u002F padding\n  rhythm (deck, dashboard, landing). No for runbooks (already dense).\n- `--mode` — yes if the artifact has authored dark mode tokens, or\n  you're willing to derive them.\n- `--motion` — yes if the artifact has any transition \u002F animation\n  worth scaling. No for static reports \u002F critique reports.\n\nDefault: **3 knobs is the sweet spot.** Five is too busy, one is\nnot worth a panel.\n\n### Step 3 — Lift hard-coded values into custom properties\n\nOpen `assets\u002Fwrap.html`'s `\u003Cstyle>` block — copy its custom-property\nnaming scheme (`--accent`, `--scale`, etc.). In the user's artifact,\nfind every place those concerns live and rewrite:\n\n- `color: #c96442` → `color: var(--accent)`\n- `font-size: 18px` → `font-size: calc(18px * var(--scale))`\n- `padding: 24px 32px` → `padding: calc(24px * var(--density)) calc(32px * var(--density))`\n- `transition: opacity 200ms` → `transition: opacity calc(200ms * var(--motion-mult))`\n\nIf the artifact uses `clamp()` or `vw` already, multiply the\n*outer* value by the custom property — don't tear apart `clamp(...)`.\n\n### Step 4 — Paste into the wrap\n\nCopy the artifact's `\u003Cstyle>` and `\u003Cbody>` into the marked regions\nof `wrap.html`. Keep the panel + bridge intact.\n\n### Step 5 — Test the loop\n\nOpen the result, click each knob at least once, refresh the page,\nconfirm the choice persists. If a knob breaks the layout —\n*remove it*, don't ship it.\n\n## Output contract\n\n```\n\u003Cartifact identifier=\"tweaks-\u003Cartifact-slug>\" type=\"text\u002Fhtml\" title=\"\u003CArtifact Title> · Tweaks\">\n\u003C!doctype html>\n\u003Chtml>...\u003C\u002Fhtml>\n\u003C\u002Fartifact>\n```\n\nOne sentence before the artifact (\"Wrapped X with a 3-knob tweak\npanel — accent \u002F scale \u002F mode.\"). Stop after `\u003C\u002Fartifact>`.\n\n## Hard rules\n\n- **Don't ship a free color picker** — only curated swatches. Users\n  pick bad colors when given freedom; saving them from that is the\n  whole point.\n- **Persist by artifact identifier** — `tweaks-\u003Cslug>`, not a global\n  key. Two artifacts open in two tabs must not share state.\n- **Respect `prefers-reduced-motion`** — default to *Off* for motion\n  if the user has that set, override only on explicit click.\n- **Single-file** — no external CSS \u002F JS \u002F fonts beyond the artifact's\n  existing imports. Inline the panel + bridge.\n- **Panel hidden by default on viewports \u003C 720px** — slide-in drawer\n  via a \"T\" button at top-right.\n- **Don't ship more than 5 knobs.** Three is the sweet spot.\n\n",{"od":59,"name":5,"triggers":68,"description":7},{"mode":60,"preview":61,"platform":64,"scenario":44,"upstream":65,"design_system":66,"example_prompt":67},"prototype",{"type":62,"entry":63},"html","index.html","desktop","https:\u002F\u002Fgithub.com\u002Falchaincyf\u002Fhuashu-design",{"requires":55},"Wrap this landing page with a tweak panel — accent color, type scale, density, light\u002Fdark — persist to localStorage so the user can refresh without losing their choice.",[5,69,70,71,72,73,74,75,76],"variants","tweak panel","live controls","adjust on the fly","实时调参","可调参数面板","side panel","knobs","main","2a76bf42ce5c860adf8d0f3fcf3f6804109ac65b","skills\u002Ftweaks",0,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fwiki","https:\u002F\u002Fgithub.com\u002Fonfire7777","trying to create something actually useful","2026-09-11 13:25:26",{"source":8,"skillName":5,"commands":87,"prompt":97,"zipAvailable":98},[88,91,94],{"tool":89,"command":90},"npx","npx skills add onfire7777\u002Funiversal-ai-skills-library --skill tweaks",{"tool":92,"command":93},"bunx","bunx skills add onfire7777\u002Funiversal-ai-skills-library --skill tweaks",{"tool":95,"command":96},"pnpm","pnpm dlx skills add onfire7777\u002Funiversal-ai-skills-library --skill tweaks","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Ftweaks\u002FSKILL.md",true,[100,106,112],{"path":101,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":104,"sourceHtmlUrl":105},".openskills.json","REFERENCE","参考文档",210,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Ftweaks\u002F.openskills.json",{"path":107,"resourceType":108,"resourceTypeDesc":109,"sizeBytes":110,"sourceHtmlUrl":111},"assets\u002Fwrap.html","ASSET","资产文件",14482,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Ftweaks\u002Fassets\u002Fwrap.html",{"path":113,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":114,"sourceHtmlUrl":115},"example.html",24799,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Ftweaks\u002Fexample.html",[117,143,152,162,182,198],{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":130,"publishedAt":54},"01M6J7MPK8ZE9VQJR4KK6ZMZJQ","zyte-api-automation","Automate Zyte API tasks via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzyte-api-automation\u002FSKILL.md",[123,126,127],{"categoryNo":124,"categoryName":125,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":128,"categoryName":129,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000030","开发工程师",[131,132,133,134,135,136,137,138,139,140,141,142],"automation","api","zyte api automation","for","MCP","via","composio","automate","first","Tools","search","tasks",{"skillNo":144,"name":145,"nameZh":6,"description":146,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":147,"categories":148,"keywords":150,"publishedAt":54},"01M6J7MK45K2ZZ0EWTP1N6SZ7F","zylvie-automation","Automate Zylvie tasks via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzylvie-automation\u002FSKILL.md",[149],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[131,151,135,142,134,136,137,138,139,140,141],"zylvie automation",{"skillNo":153,"name":154,"nameZh":6,"description":155,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":156,"categories":157,"keywords":159,"publishedAt":54},"01M6J7MGDCVZ3YCXGEAPR5V3MS","zoominfo-automation","Automate Zoominfo tasks via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzoominfo-automation\u002FSKILL.md",[158],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[160,161,131,138,137,140,136,142,134,141,135,139],"zoominfo","zoominfo automation",{"skillNo":163,"name":164,"nameZh":6,"description":165,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":166,"categories":167,"keywords":169,"publishedAt":54},"01M6J7MDK48N09B7C6H9TCPY9A","zoom-out","Tell the agent to zoom out and give broader context or a higher-level perspective. Use when you're unfamiliar with a section of code or need to understand how it fits into the bigger picture.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzoom-out\u002FSKILL.md",[168],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[170,171,172,173,39,174,175,176,177,178,179,180,181],"zoom out","zoom","perspective","code","you","with","understand","it","use","context","how","true",{"skillNo":183,"name":184,"nameZh":6,"description":185,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":186,"categories":187,"keywords":189,"publishedAt":54},"01M6J7MAD47Q9A55AK3EXS914H","zoho-mail-automation","Automate Zoho Mail tasks via Rube MCP (Composio): email sending, folders, labels, and mailbox management. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzoho-mail-automation\u002FSKILL.md",[188],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[190,191,192,193,131,194,141,142,135,140,195,134,136,196,137,197,138,139],"mail","zoho mail automation","zoho","zoho mail","email","labels","mailbox","management",{"skillNo":199,"name":200,"nameZh":6,"description":201,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":202,"categories":203,"keywords":208,"publishedAt":54},"01M6J7M76HTWPP8TRWWCDS42NB","zoho-invoice-automation","Automate Zoho Invoice tasks via Rube MCP (Composio): invoices, estimates, expenses, clients, and payment tracking. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzoho-invoice-automation\u002FSKILL.md",[204,205],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":206,"categoryName":207,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000040","财务",[209,131,192,210,135,136,134,211,212,213,137,214,215,138,139,140,141,142],"invoice","zoho invoice automation","invoices","expenses","clients","payment","tracking"]