[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7514ACVQAQ3YSA2D9TK16FE":3,"skill-same:01M7514ACVQAQ3YSA2D9TK16FE":49},{"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":26,"commitSha":27,"skillDirectory":28,"forksCount":29,"repositoryHtmlUrl":30,"repositoryHomepageUrl":31,"ownerHtmlUrl":32,"ownerBlogUrl":31,"ownerDescription":33,"updatedAt":34,"install":35,"resources":48},"01M7514ACVQAQ3YSA2D9TK16FE","moodboard-builder",null,"Assembles a curated moodboard of 8 to 16 images plus a 150-300 word art direction statement that argues for one visual direction. Use when someone asks \"build a moodboard\", \"set the visual direction for this brand\", \"get the team aligned on look and feel before design starts\", or is presenting art direction to a client. Do NOT use for sourcing and licensing individual production images - use visual-asset-curation or stock-photo-finder instead; for codifying an already-approved identity into usage rules, use brand-guidelines.","SkillMedev\u002Fskills","SkillMedev","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F298078254?v=4","01M74ZSGTQ918CB0VXW4EG3RMX","SkillMe","01M74ZSGVBT497NA95CBT8JTY4",25,"MIT","https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fmoodboard-builder\u002FSKILL.md",[],[],"2026-11-11 18:11:01",false,"---\nname: moodboard-builder\ndescription: Assembles a curated moodboard of 8 to 16 images plus a 150-300 word art direction statement that argues for one visual direction. Use when someone asks \"build a moodboard\", \"set the visual direction for this brand\", \"get the team aligned on look and feel before design starts\", or is presenting art direction to a client. Do NOT use for sourcing and licensing individual production images - use visual-asset-curation or stock-photo-finder instead; for codifying an already-approved identity into usage rules, use brand-guidelines.\nmetadata:\n  title: \"Moodboard Builder\"\n---\n\n# Moodboard Builder\n\nA moodboard is not a Pinterest dump - it is a curated argument for one specific visual direction, made before pixels are pushed. The costly failure mode is a board of 40 nice-looking images that lets every stakeholder see whatever they want in it, so \"alignment\" evaporates the moment real design work appears. This procedure produces a tight board and a written statement that survive the client meeting.\n\n## Operating procedure\n\nOrder matters: the emotional target is the filter every image must pass through, so writing it after sourcing guarantees a board justified backwards.\n\n### Step 1: Gather inputs\n\nCollect before sourcing anything. Where the user does not know, use the default and label the guess as a guess.\n\n- What the brand does and who the primary customer is (no default - ask).\n- Project stage: new brand, rebrand, or refresh (changes how far the board may stray from existing equity; default: new brand).\n- Where the direction will live first: web product, packaging, social, environments (default: web product).\n- Existing constraints: locked colors, existing logo, category conventions that cannot be broken (default: none).\n- Audience for the board itself: internal creative team or paying client (a client board needs more annotation; default: client).\n\n### Step 2: Write the emotional target\n\nBefore sourcing a single image, write two or three sentences on how the brand should make someone feel when they encounter it - not what the brand does, how it feels. Example: \"Confident without arrogance. Warm like a trusted expert, not warm like a lifestyle brand. Technical precision expressed through simplicity.\" Every image is judged against this filter, and only this filter.\n\n### Step 3: Source wide, then cut to 8-16\n\nGather 30-50 candidates fast, then cut ruthlessly to 8 to 16 images - never more. Each survivor must earn its place by contributing something no other image on the board does: a color mood, a texture, a compositional principle, a lighting style, a typographic reference, a photography approach. Cutting rules:\n\n- If two images say the same thing, keep the stronger one. No duplicates of a point.\n- Remove anything that is merely nice-looking but says nothing specific.\n- No more than 2 images from the same brand or campaign, or the board reads as \"copy them\".\n\n### Step 4: Organize by visual dimension\n\nStructure the board so a viewer can read each of these five dimensions without explanation. Every dimension needs at least one image carrying it:\n\n1. Color and tone - what hues and value ranges dominate.\n2. Texture and material feel - smooth\u002Frough, digital\u002Fanalog, flat\u002Ftactile.\n3. Light and shadow - harsh\u002Fsoft, high-contrast\u002Fdiffuse.\n4. Composition and space - dense\u002Fairy, centered\u002Fdynamic, symmetrical\u002Fasymmetrical.\n5. Human presence - if people appear: who they are and how they are portrayed.\n\n### Step 5: Label inspiration vs. execution\n\nTag every image as either directional inspiration (sets mood, will not be literally reproduced) or execution reference (close to what will actually be made). A fashion editorial might set the mood while the actual photography will be product-led; a vintage poster might establish texture while the brand uses a modern grid. Skipping this step causes clients to expect the literal references rather than the principles they embody.\n\n### Step 6: Build the anti-board\n\nAdd 3 to 4 images showing directions to avoid, each with a one-line reason. \"Not this\" is often clearer than \"this\", and it protects against the client instinct to request elements from the rejected category once design begins.\n\n### Step 7: Write the art direction statement\n\nAccompany the board with a written statement of 150 to 300 words. It names the references, explains why they were chosen, and translates visual choices into verbal principles a photographer, illustrator, or motion designer can follow without seeing the board. It also gives stakeholders evaluation language: \"does this feel more like Reference A or Reference B?\"\n\n## Template: art direction statement\n\n```\nART DIRECTION - [FILL: brand name]\n\nEmotional target: [FILL: 2-3 sentences on how the brand should feel]\n\nDirection in one line: [FILL: e.g. \"clinical warmth - lab precision softened by human light\"]\n\nColor and tone: [FILL: dominant hues, value range, what is deliberately absent]\nTexture and material: [FILL]\nLight: [FILL]\nComposition: [FILL: grid behavior, density, whitespace stance]\nPeople: [FILL: who appears, how portrayed - or \"no human presence, because ...\"]\n\nInspiration references (mood, not literal): [FILL: refs + one line each]\nExecution references (close to final output): [FILL: refs + one line each]\n\nNot this: [FILL: 3-4 rejected directions, one line each on why]\n\nTest for future work: \"Does this feel more like [FILL: ref A] or [FILL: ref B]?\nIt should always feel like [FILL: A or B].\"\n```\n\n## Deliverable\n\nProduce a moodboard of 8-16 images organized by the five visual dimensions, each image tagged inspiration or execution, a 3-4 image anti-board with reasons, and a completed 150-300 word art direction statement using the template above.\n\n## Do NOT\n\n- Do not exceed 16 images. Above that, the board stops being an argument and becomes a survey; stakeholders each align to a different subset.\n- Do not source before the emotional target is written - images chosen first get a rationale invented afterwards.\n- Do not mix inspiration and execution without labels; this is the single most common cause of \"this isn't what the moodboard promised\" disputes.\n- Do not fill a dimension with a weak image just to check the box; state \"texture is intentionally neutral\" instead.\n- Do not present the board without the written statement - the board aligns eyes, the statement aligns decisions made weeks later without the board open.\n\n## Quality bar\n\nBefore presenting, verify:\n\n- Every image passes the emotional-target filter and contributes something unique.\n- All five dimensions are readable from the board without narration.\n- The statement is 150-300 words and usable by a photographer who never sees the board.\n- The anti-board exists and each rejection has a stated reason.\n- A stranger shown the board would describe the direction in words close to the emotional target.\n\nWhen the direction is approved and needs codifying into rules, hand off to brand-guidelines; for building the palette in detail, pair with color-palette-builder.\n","# Moodboard Builder\n\nA moodboard is not a Pinterest dump - it is a curated argument for one specific visual direction, made before pixels are pushed. The costly failure mode is a board of 40 nice-looking images that lets every stakeholder see whatever they want in it, so \"alignment\" evaporates the moment real design work appears. This procedure produces a tight board and a written statement that survive the client meeting.\n\n## Operating procedure\n\nOrder matters: the emotional target is the filter every image must pass through, so writing it after sourcing guarantees a board justified backwards.\n\n### Step 1: Gather inputs\n\nCollect before sourcing anything. Where the user does not know, use the default and label the guess as a guess.\n\n- What the brand does and who the primary customer is (no default - ask).\n- Project stage: new brand, rebrand, or refresh (changes how far the board may stray from existing equity; default: new brand).\n- Where the direction will live first: web product, packaging, social, environments (default: web product).\n- Existing constraints: locked colors, existing logo, category conventions that cannot be broken (default: none).\n- Audience for the board itself: internal creative team or paying client (a client board needs more annotation; default: client).\n\n### Step 2: Write the emotional target\n\nBefore sourcing a single image, write two or three sentences on how the brand should make someone feel when they encounter it - not what the brand does, how it feels. Example: \"Confident without arrogance. Warm like a trusted expert, not warm like a lifestyle brand. Technical precision expressed through simplicity.\" Every image is judged against this filter, and only this filter.\n\n### Step 3: Source wide, then cut to 8-16\n\nGather 30-50 candidates fast, then cut ruthlessly to 8 to 16 images - never more. Each survivor must earn its place by contributing something no other image on the board does: a color mood, a texture, a compositional principle, a lighting style, a typographic reference, a photography approach. Cutting rules:\n\n- If two images say the same thing, keep the stronger one. No duplicates of a point.\n- Remove anything that is merely nice-looking but says nothing specific.\n- No more than 2 images from the same brand or campaign, or the board reads as \"copy them\".\n\n### Step 4: Organize by visual dimension\n\nStructure the board so a viewer can read each of these five dimensions without explanation. Every dimension needs at least one image carrying it:\n\n1. Color and tone - what hues and value ranges dominate.\n2. Texture and material feel - smooth\u002Frough, digital\u002Fanalog, flat\u002Ftactile.\n3. Light and shadow - harsh\u002Fsoft, high-contrast\u002Fdiffuse.\n4. Composition and space - dense\u002Fairy, centered\u002Fdynamic, symmetrical\u002Fasymmetrical.\n5. Human presence - if people appear: who they are and how they are portrayed.\n\n### Step 5: Label inspiration vs. execution\n\nTag every image as either directional inspiration (sets mood, will not be literally reproduced) or execution reference (close to what will actually be made). A fashion editorial might set the mood while the actual photography will be product-led; a vintage poster might establish texture while the brand uses a modern grid. Skipping this step causes clients to expect the literal references rather than the principles they embody.\n\n### Step 6: Build the anti-board\n\nAdd 3 to 4 images showing directions to avoid, each with a one-line reason. \"Not this\" is often clearer than \"this\", and it protects against the client instinct to request elements from the rejected category once design begins.\n\n### Step 7: Write the art direction statement\n\nAccompany the board with a written statement of 150 to 300 words. It names the references, explains why they were chosen, and translates visual choices into verbal principles a photographer, illustrator, or motion designer can follow without seeing the board. It also gives stakeholders evaluation language: \"does this feel more like Reference A or Reference B?\"\n\n## Template: art direction statement\n\n```\nART DIRECTION - [FILL: brand name]\n\nEmotional target: [FILL: 2-3 sentences on how the brand should feel]\n\nDirection in one line: [FILL: e.g. \"clinical warmth - lab precision softened by human light\"]\n\nColor and tone: [FILL: dominant hues, value range, what is deliberately absent]\nTexture and material: [FILL]\nLight: [FILL]\nComposition: [FILL: grid behavior, density, whitespace stance]\nPeople: [FILL: who appears, how portrayed - or \"no human presence, because ...\"]\n\nInspiration references (mood, not literal): [FILL: refs + one line each]\nExecution references (close to final output): [FILL: refs + one line each]\n\nNot this: [FILL: 3-4 rejected directions, one line each on why]\n\nTest for future work: \"Does this feel more like [FILL: ref A] or [FILL: ref B]?\nIt should always feel like [FILL: A or B].\"\n```\n\n## Deliverable\n\nProduce a moodboard of 8-16 images organized by the five visual dimensions, each image tagged inspiration or execution, a 3-4 image anti-board with reasons, and a completed 150-300 word art direction statement using the template above.\n\n## Do NOT\n\n- Do not exceed 16 images. Above that, the board stops being an argument and becomes a survey; stakeholders each align to a different subset.\n- Do not source before the emotional target is written - images chosen first get a rationale invented afterwards.\n- Do not mix inspiration and execution without labels; this is the single most common cause of \"this isn't what the moodboard promised\" disputes.\n- Do not fill a dimension with a weak image just to check the box; state \"texture is intentionally neutral\" instead.\n- Do not present the board without the written statement - the board aligns eyes, the statement aligns decisions made weeks later without the board open.\n\n## Quality bar\n\nBefore presenting, verify:\n\n- Every image passes the emotional-target filter and contributes something unique.\n- All five dimensions are readable from the board without narration.\n- The statement is 150-300 words and usable by a photographer who never sees the board.\n- The anti-board exists and each rejection has a stated reason.\n- A stranger shown the board would describe the direction in words close to the emotional target.\n\nWhen the direction is approved and needs codifying into rules, hand off to brand-guidelines; for building the palette in detail, pair with color-palette-builder.\n",{"name":5,"metadata":24,"description":7},{"title":25},"Moodboard Builder","main","97a13607d669157a4a16d5ba79b77f208319f7b9","skills\u002Fmoodboard-builder",3,"https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills","https:\u002F\u002Fskillme.dev","https:\u002F\u002Fgithub.com\u002FSkillMedev","MCP-native catalog of Claude Agent Skills. Browse, recommend, install, and auto-apply skills in chat. Open source, every skill free and clonable on GitHub.","2026-10-14 03:19:31",{"source":8,"skillName":5,"commands":36,"prompt":46,"zipAvailable":47},[37,40,43],{"tool":38,"command":39},"npx","npx skills add SkillMedev\u002Fskills --skill moodboard-builder",{"tool":41,"command":42},"bunx","bunx skills add SkillMedev\u002Fskills --skill moodboard-builder",{"tool":44,"command":45},"pnpm","pnpm dlx skills add SkillMedev\u002Fskills --skill moodboard-builder","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fmoodboard-builder\u002FSKILL.md",true,[],[50,60,67,74,81,88],{"skillNo":51,"name":52,"nameZh":53,"description":54,"descriptionZh":55,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":56,"categories":57,"keywords":58,"publishedAt":59},"01M75271B256DF3FX2VG5VRYEE","zone-2-cardio-plan","有氧运动计划","Use when someone asks to build a steady-state cardio plan, train an aerobic base or Zone 2, structure easy or endurance weekly cardio, train by heart-rate zones, or improve resting heart rate, VO2, or endurance. Builds a heart-rate-zone aerobic training block with session structure, modality choice, and progression. General fitness guidance, not medical advice. Do NOT use to design a strength or lifting program (use Strength Training Plan), high-intensity interval conditioning, HIIT, or circuits (use Conditioning & HIIT Program), or a mobility\u002Fflexibility routine (use Mobility Routine).","当有人要求制定稳态有氧训练计划、进行有氧基础训练或达到第二区间、安排轻松或耐力型的每周有氧训练、按心率区间训练，或提高静息心率、最大摄氧量或耐力时，可以使用此方案。该方案构建了一个包含训练计划结构、训练方式选择和进度安排的心率区间有氧训练模块。本方案仅提供一般健身指导，不构成医疗建议。请勿用于设计力量或举重训练计划（请使用力量训练计划）、高强度间歇训练 (HIIT) 或循环训练（请使用体能训练和 HIIT 计划），或灵活性\u002F柔韧性训练（请使用灵活性训练计划）。","https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fzone-2-cardio-plan\u002FSKILL.md",[],[],"2026-11-11 18:27:18",{"skillNo":61,"name":62,"nameZh":6,"description":63,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":64,"categories":65,"keywords":66,"publishedAt":59},"01M7526VP1QBBKYBE17S1WR86Y","youtube-script-writer","Writes retention-engineered long-form YouTube scripts on a hook\u002Fbody\u002Fpayoff architecture - a first-30-seconds hook that survives the retention cliff, a beat-sheet body with mini-hooks and bridges, timed pattern interrupts, and a payoff that over-delivers - with B-roll and editing cues marked inline. Use when someone says \"script my next video\", \"my retention graph dies at the start\", \"tighten this draft\", or \"outline a video on X\". Do NOT use for the 3-second opener of TikTok, Reels, or Shorts - use video-hook-writer instead; do NOT use for spoken voiceover synced to on-screen tutorial actions - use narration-script instead; do NOT use for a sales demo built on a buyer's discovery notes - use demo-script instead; do NOT use to design the thumbnail and title - use thumbnail-concept instead.","https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-script-writer\u002FSKILL.md",[],[],{"skillNo":68,"name":69,"nameZh":6,"description":70,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":71,"categories":72,"keywords":73,"publishedAt":59},"01M7526P2T0WKMHDXS4Q58237T","win-back-campaign","Designs segmented win-back email sequences for dormant users - dormancy tiers, a three-beat sequence with a single proportional incentive, and a suppression rule - and measures success by re-activation, not opens. Use when someone says \"our users went quiet\", \"design a win-back campaign\", \"how do I re-engage lapsed customers\", \"should we email people who haven't logged in for months\", or lifecycle messaging has stopped landing with a lapsed segment. Do NOT use for recovering an unfinished checkout - use abandoned-cart-sequence instead. Do NOT use for diagnosing and fixing why active customers cancel - use churn-reduction instead. Do NOT use for building always-on onboarding or nurture flows - use email-drip-builder instead.","https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fwin-back-campaign\u002FSKILL.md",[],[],{"skillNo":75,"name":76,"nameZh":6,"description":77,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":78,"categories":79,"keywords":80,"publishedAt":59},"01M7526HF2RCDJ50P93WRZRHVV","wikipedia-style","Writes neutral, verifiable, encyclopedic prose following Wikipedia's core content policies and manual of style - NPOV, inline citations, notability-backed claims, and a strict ban on promotional language. Use when someone asks \"write this like a Wikipedia article\", \"draft a Wikipedia page for this company or person\", \"make this neutral and encyclopedic\", or \"why does my article draft keep getting rejected\". Do NOT use for persuasive or opinion writing - use op-ed-writer instead; for thesis-driven academic papers, use academic-essay; for verifying claims in existing text, use fact-checker.","https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fwikipedia-style\u002FSKILL.md",[],[],{"skillNo":82,"name":83,"nameZh":6,"description":84,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":85,"categories":86,"keywords":87,"publishedAt":59},"01M7526D43CTGRKGKNQ2GB0KVX","whitepapers","Structures and writes authoritative B2B whitepapers - a standalone executive summary, a data-sized problem statement, methodology, evidence-driven findings, recommendations, and a soft call to action - flagging every claim that needs a real citation. Use when a marketer asks \"write a whitepaper on this topic\", \"turn our research into a lead-gen asset\", \"make this credible enough for executives\", or a draft reads like a product pitch instead of analysis. Do NOT use for customer-story-driven proof - use case-study-builder instead; for policy audiences, use policy-brief.","https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fwhitepapers\u002FSKILL.md",[],[],{"skillNo":89,"name":90,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":94,"publishedAt":59},"01M75268423Y3K50SY5WC2NX2G","white-space-analysis","Finds unmet market gaps by ranking jobs-to-be-done on importance versus satisfaction, overlaying them against current solutions and workarounds, and validating that each gap is real, winnable, and worth winning. Use when someone asks \"where are the gaps in this market\", \"what's underserved here\", \"where should we play next\", or is hunting for product, feature, or market-entry opportunities. Do NOT use for profiling competitors and building battle cards - use competitive-intelligence instead; for putting a dollar figure on an identified opportunity - use market-sizing instead; for extracting jobs-to-be-done from raw customer interviews - use jtbd-extractor instead.","https:\u002F\u002Fgithub.com\u002FSkillMedev\u002Fskills\u002Fblob\u002Fmain\u002Fskills\u002Fwhite-space-analysis\u002FSKILL.md",[],[]]