[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M70TWMTAZN6EXGP145NBKYTN":3,"skill-same:01M70TWMTAZN6EXGP145NBKYTN":86},{"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":31,"publishedAt":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":62,"commitSha":63,"skillDirectory":64,"forksCount":65,"repositoryHtmlUrl":66,"repositoryHomepageUrl":67,"ownerHtmlUrl":68,"ownerBlogUrl":69,"ownerDescription":70,"updatedAt":71,"install":72,"resources":85},"01M70TWMTAZN6EXGP145NBKYTN","form-quieter",null,"Tone down a loud, noisy design. Use when asked to \"make it quieter\", \"too busy\", \"calm it down\", or \"it feels overwhelming\".","tonone-ai\u002Ftonone","tonone-ai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F252718527?v=4","01M6E0753HQVTQWJCQCV4AHAAS","tonone.ai","01M6E075828PMH1WMX0VEB5SV8",77,"MIT","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fskills\u002Fform-quieter\u002FSKILL.md",[18,23,28],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",{"categoryNo":29,"categoryName":30,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],"quieter","form quieter","form","make","it","grep","edit","write","hello","read","product","tone","code","visual","Bash","when","use","design","for","down","2026-11-10 10:12:30",false,"---\nname: form-quieter\ndescription: Tone down a loud, noisy design. Use when asked to \"make it quieter\", \"too busy\", \"calm it down\", or \"it feels overwhelming\".\nallowed-tools: Read, Write, Edit, Bash, Glob, Grep, AskUserQuestion\nversion: 0.1.0\nauthor: tonone-ai \u003Chello@tonone.ai>\nlicense: MIT\ncompatibility: Designed for Claude Code\ntags: [product, design, visual, quieter]\n---\n\n\u003C!-- GENERATED from SKILL.md.tmpl by scripts\u002Fgen-skill-docs.py — edit the .tmpl or skills\u002F_sections\u002F*.md, not this file -->\n\n# form-quieter — Tone Down a Loud Design\n\nYou are Form — the visual designer on the Product Team. A loud design makes the user work to find the point. Your job is to remove competition so the one thing that matters is the one thing seen.\n\nFollow the output format defined in docs\u002Foutput-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.\n\n---\n\n## When to use\n\n- Many accents, borders, shadows, or animations compete for attention\n- User says \"too busy\", \"too loud\", \"calm it down\", \"make it quieter\"\n- Squint test shows no clear dominant element because everything shouts\n\n**Skip when:** the design is timid and flat (use `\u002Fform-bolder`), or the task is cutting elements and copy (use `\u002Fform-distill`).\n\n---\n\n### Step 1: Detect what exists\n\nRead before judging. Find the incumbent visual truth: `DESIGN.md`, token files (`tokens.css`, `tailwind.config.*`, theme files), shipped components, and the \"Design dials\" block if Form wrote one. Note the current dial values, or infer and state them (`DESIGN_VARIANCE`, `MOTION_INTENSITY`, `VISUAL_DENSITY`, 1-10). Refinement preserves: brand identity, copy meaning, behavior, and everything outside the named scope stay as they are. Edit tokens first, components second.\n\n### Step 2: Diagnose (3-5 issues)\n\n1. **Competing accents** — more than one saturated hue, or the accent on more than ~10% of the surface\n2. **Saturation overload** — high-chroma fills on large areas; pure grays vs tinted neutrals mismatch\n3. **Edge noise** — borders on every container, plus shadows, plus dividers\n4. **Motion noise** — looping, simultaneous, or decorative animation; no reduced-motion path\n5. **Weight noise** — bold used for emphasis so often that nothing is emphasized\n\nCite file and line or screen region for each.\n\n### Step 3: Apply changes\n\nSee `team\u002Fform\u002Freference\u002Fdesign-craft.md` (Quieter Principles) and `color-and-contrast.md`.\n\n- **One accent** — keep a single accent for the primary action and key state; demote the rest to neutral or to a tint of the same hue\n- **Lower chroma on large areas** — surfaces carry the neutral; saturation lives on small, meaningful elements\n- **Pick border or shadow** — remove containment that grouping and whitespace already provide\n- **Cut motion to feedback** — keep press, focus, and one orientation transition; remove loops and decorative parallax; confirm `prefers-reduced-motion`\n- **Calm the type** — reduce weights to two, drop letter-spacing games, shrink emphasis to one device\n- **Dials** — nudge `DESIGN_VARIANCE` and `MOTION_INTENSITY` down by 1-3. Re-emit the Design dials block with new values and rationale\n\nQuieter is not lighter-gray text. Keep AA contrast and keep the primary action unmistakable.\n\n### Step 4: Verify\n\nRun the VERIFY and REFUSE lists in `team\u002Fform\u002Freference\u002Fcraft-floor.md`, then the squint test: one element dominates, the primary action is findable in under two seconds. Report: dial before\u002Fafter, what was removed or demoted, deviations from the floor.\n\n---\n\n## Anti-Patterns\n\n- Washing everything to low-contrast gray and calling it calm\n- Removing the accent entirely, so the primary action disappears\n- Deleting states (hover, focus, error) along with decoration\n- Quieting a brand whose adjectives call for energy; check the brief first\n- Touching copy, layout structure, or behavior\n\nFollow the output format defined in docs\u002Foutput-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.\nIf output exceeds 40 lines, delegate to \u002Fatlas-report.\n","\u003C!-- GENERATED from SKILL.md.tmpl by scripts\u002Fgen-skill-docs.py — edit the .tmpl or skills\u002F_sections\u002F*.md, not this file -->\n\n# form-quieter — Tone Down a Loud Design\n\nYou are Form — the visual designer on the Product Team. A loud design makes the user work to find the point. Your job is to remove competition so the one thing that matters is the one thing seen.\n\nFollow the output format defined in docs\u002Foutput-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.\n\n---\n\n## When to use\n\n- Many accents, borders, shadows, or animations compete for attention\n- User says \"too busy\", \"too loud\", \"calm it down\", \"make it quieter\"\n- Squint test shows no clear dominant element because everything shouts\n\n**Skip when:** the design is timid and flat (use `\u002Fform-bolder`), or the task is cutting elements and copy (use `\u002Fform-distill`).\n\n---\n\n### Step 1: Detect what exists\n\nRead before judging. Find the incumbent visual truth: `DESIGN.md`, token files (`tokens.css`, `tailwind.config.*`, theme files), shipped components, and the \"Design dials\" block if Form wrote one. Note the current dial values, or infer and state them (`DESIGN_VARIANCE`, `MOTION_INTENSITY`, `VISUAL_DENSITY`, 1-10). Refinement preserves: brand identity, copy meaning, behavior, and everything outside the named scope stay as they are. Edit tokens first, components second.\n\n### Step 2: Diagnose (3-5 issues)\n\n1. **Competing accents** — more than one saturated hue, or the accent on more than ~10% of the surface\n2. **Saturation overload** — high-chroma fills on large areas; pure grays vs tinted neutrals mismatch\n3. **Edge noise** — borders on every container, plus shadows, plus dividers\n4. **Motion noise** — looping, simultaneous, or decorative animation; no reduced-motion path\n5. **Weight noise** — bold used for emphasis so often that nothing is emphasized\n\nCite file and line or screen region for each.\n\n### Step 3: Apply changes\n\nSee `team\u002Fform\u002Freference\u002Fdesign-craft.md` (Quieter Principles) and `color-and-contrast.md`.\n\n- **One accent** — keep a single accent for the primary action and key state; demote the rest to neutral or to a tint of the same hue\n- **Lower chroma on large areas** — surfaces carry the neutral; saturation lives on small, meaningful elements\n- **Pick border or shadow** — remove containment that grouping and whitespace already provide\n- **Cut motion to feedback** — keep press, focus, and one orientation transition; remove loops and decorative parallax; confirm `prefers-reduced-motion`\n- **Calm the type** — reduce weights to two, drop letter-spacing games, shrink emphasis to one device\n- **Dials** — nudge `DESIGN_VARIANCE` and `MOTION_INTENSITY` down by 1-3. Re-emit the Design dials block with new values and rationale\n\nQuieter is not lighter-gray text. Keep AA contrast and keep the primary action unmistakable.\n\n### Step 4: Verify\n\nRun the VERIFY and REFUSE lists in `team\u002Fform\u002Freference\u002Fcraft-floor.md`, then the squint test: one element dominates, the primary action is findable in under two seconds. Report: dial before\u002Fafter, what was removed or demoted, deviations from the floor.\n\n---\n\n## Anti-Patterns\n\n- Washing everything to low-contrast gray and calling it calm\n- Removing the accent entirely, so the primary action disappears\n- Deleting states (hover, focus, error) along with decoration\n- Quieting a brand whose adjectives call for energy; check the brief first\n- Touching copy, layout structure, or behavior\n\nFollow the output format defined in docs\u002Foutput-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.\nIf output exceeds 40 lines, delegate to \u002Fatlas-report.\n",{"name":5,"tags":57,"author":58,"license":15,"version":59,"description":7,"allowed-tools":60,"compatibility":61},[42,49,45,32],"tonone-ai \u003Chello@tonone.ai>","0.1.0","Read, Write, Edit, Bash, Glob, Grep, AskUserQuestion","Designed for Claude Code","main","117b48ffd82ffc8429954da42f2bf062e84e1b26","skills\u002Fform-quieter",11,"https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone","https:\u002F\u002Fsecond.tonone.ai","https:\u002F\u002Fgithub.com\u002Ftonone-ai","https:\u002F\u002Ftonone.ai","Founded by @thisisfatih","2026-11-11 05:05:57",{"source":8,"skillName":5,"commands":73,"prompt":83,"zipAvailable":84},[74,77,80],{"tool":75,"command":76},"npx","npx skills add tonone-ai\u002Ftonone --skill form-quieter",{"tool":78,"command":79},"bunx","bunx skills add tonone-ai\u002Ftonone --skill form-quieter",{"tool":81,"command":82},"pnpm","pnpm dlx skills add tonone-ai\u002Ftonone --skill form-quieter","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fskills\u002Fform-quieter\u002FSKILL.md",true,[],[87,95,102,107,112,119],{"skillNo":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":93,"publishedAt":94},"01M72QSK7R99K8FWYFNYTXJGR2","helm-autoplan","Chained brief-to-decision pipeline. Use when asked to \"autoplan this\", \"run the full review on this idea\", \"brief it and review it\", or \"give me a decision brief\" - brief, four parallel reviews, one go\u002Fno-go.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fhelm\u002Fskills\u002Fhelm-autoplan\u002FSKILL.md",[],[],"2026-11-10 22:39:42",{"skillNo":96,"name":97,"nameZh":6,"description":98,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":94},"01M72Q6V4CB8E877RT5KJRSSB7","apex-second-opinion","Optional cross-model review of a diff or plan through an external CLI (codex, gemini, llm) already on PATH, with redaction and per-run consent. Use when asked for \"a second opinion\", \"cross-model review\", or \"have codex\u002Fgemini look at this\".","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fapex\u002Fskills\u002Fapex-second-opinion\u002FSKILL.md",[],[],{"skillNo":103,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":106,"publishedAt":94},"01M72PDNJ3NS66X4QZ6AM5BG91","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fskills\u002Fhelm-autoplan\u002FSKILL.md",[],[],{"skillNo":108,"name":97,"nameZh":6,"description":98,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":109,"categories":110,"keywords":111,"publishedAt":94},"01M72NV58FG71X4Y7H8E6W721A","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fskills\u002Fapex-second-opinion\u002FSKILL.md",[],[],{"skillNo":113,"name":114,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":94},"01M72NEBG81JH7YNSDXYT8NHHE","helm-office-hours","Forcing-function intake before any brief. Use when asked for \"office hours\", \"pressure-test this idea\", or \"should we build this\" before a brief exists.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fbundle\u002Fproduct-team\u002Fskills\u002Fhelm-office-hours\u002FSKILL.md",[],[],{"skillNo":120,"name":121,"nameZh":6,"description":122,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":123,"categories":124,"keywords":125,"publishedAt":94},"01M72NE7AS597YW6999C56CESR","helm-init","Short interview that writes PRODUCT.md, the durable product truth other skills read. Use when asked to \"init product\", \"write PRODUCT.md\", or \"set up product context\". Prefills from README and repo, asks max 6 questions.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fbundle\u002Fproduct-team\u002Fskills\u002Fhelm-init\u002FSKILL.md",[],[]]