[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skills-list":3},[4,32,55,63,101,112,125],{"slug":5,"name":5,"description":6,"files":7,"size":31},"explore-landing-sections","Explores 3–6 distinct directions for one landing-page section (hero, pricing, testimonials, features, CTA, FAQ, logos, footer…) on a single side-by-side HTML comparison page, grounded in real live examples pulled from Landingfolio's gallery through the Landingfolio MCP, then implements the direction the user picks in their real codebase. Use when the user says \"explore directions for the hero\", \"show me a few pricing section options\", \"give me some ideas for this section\", \"what could our testimonials look like\", \"concept the CTA\", \"redesign this section\", or wants to compare section layouts before committing. Also handles the follow-up — \"go with B\", \"implement option C\", \"build this direction\" — via references\u002Fimplement.md. Works without the MCP too, using the section-pattern catalog in references\u002Fsection-patterns.md.",[8,12,15,18,21,24,28],{"path":9,"size":10,"executable":11},"SKILL.md",11825,false,{"path":13,"size":14,"executable":11},"assets\u002Ftemplate.html",12141,{"path":16,"size":17,"executable":11},"references\u002Fbrand-init.md",4608,{"path":19,"size":20,"executable":11},"references\u002Fimplement.md",7097,{"path":22,"size":23,"executable":11},"references\u002Fsection-patterns.md",6893,{"path":25,"size":26,"executable":27},"scripts\u002Fscan-brand.sh",2968,true,{"path":29,"size":30,"executable":11},"LICENSE.md",1069,46601,{"slug":33,"name":33,"description":34,"files":35,"size":54},"extract-design-system","Reads a live URL or the current codebase and writes a DESIGN.md — color, typography, spacing, radius and shadow tokens, component patterns (buttons, cards, inputs, sections) and concrete do\u002Fdon't rules — so every later agent run builds on-brand instead of inventing styles. Measures what the page actually renders with headless Chrome (computed styles, not guesses) and cross-checks the code's theme files. Use when the user says \"extract the design system\", \"write a DESIGN.md\", \"pull the tokens from \u003Curl>\", \"document our styles\", \"capture our brand for the agent\", \"make the AI stop going off-brand\", or \"use \u003Csite>'s design system as a starting point\". With the Landingfolio MCP connected it can also start from a page on landingfolio.com, or suggest a starting system from real category-matched pages when a project has none. Works without the MCP for any URL or codebase.",[36,38,41,44,47,50,53],{"path":9,"size":37,"executable":11},13160,{"path":39,"size":40,"executable":11},"assets\u002FDESIGN.template.md",3792,{"path":42,"size":43,"executable":11},"references\u002Freading-tokens.md",4535,{"path":45,"size":46,"executable":11},"scripts\u002Fextract-url.mjs",13526,{"path":48,"size":49,"executable":11},"scripts\u002Fpackage.json",370,{"path":51,"size":52,"executable":27},"scripts\u002Fscan-codebase.sh",3799,{"path":29,"size":30,"executable":11},40251,{"slug":56,"name":56,"description":57,"files":58,"size":62},"humanize-copy-pass","Strips AI tells from existing landing-page and marketing copy and tightens it into plain, human prose, without changing its meaning, claims, structure or pitch. Removes hedging, corporate\u002FAI vocabulary (\"leverage\", \"seamless\", \"unlock\", \"elevate\"), and over-punchy machine cadence (\"X, not Y\" stacks, two-beat fragments, rule-of-three zingers, em-dash habits). Use when the user says \"make this less AI\", \"humanize this copy\", \"de-AI this page\", \"this sounds like ChatGPT\", \"fix the tone\", \"remove the AI tells\", or \"copy pass\". Works on pasted text, markdown, or copy inside HTML\u002FJSX\u002FVue\u002FSvelte templates (edits only the visible text). Not a rewrite: it never re-pitches, reorders sections, or invents claims.",[59,61],{"path":9,"size":60,"executable":11},7632,{"path":29,"size":30,"executable":11},8701,{"slug":64,"name":64,"description":65,"files":66,"size":100},"landing-page-audit","Audits a landing page — a live URL, a screenshot, or the page's code — against Refactoring UI principles (Adam Wathan & Steve Schoger) plus landing-page checks (first screen, CTAs, proof, section rhythm, mobile), and benchmarks its weakest sections against real, category-matched sections from Landingfolio's gallery via the Landingfolio MCP. Returns a severity-grouped report (Critical \u002F Major \u002F Minor) where every finding names the element, the rule, why it matters, and a concrete fix. Use when the user says \"audit my landing page\", \"review this page\", \"critique my homepage\", \"what's wrong with this design\", \"design feedback on \u003Curl>\", \"why doesn't this page convert\", or hands over a URL, screenshot or component. Works without the MCP (rules-only audit). NOT for copy rewriting, accessibility compliance, SEO, or code-quality review.",[67,69,72,75,78,81,84,87,90,93,96,99],{"path":9,"size":68,"executable":11},11552,{"path":70,"size":71,"executable":11},"references\u002Fcolor.md",3688,{"path":73,"size":74,"executable":11},"references\u002Fdepth.md",2536,{"path":76,"size":77,"executable":11},"references\u002Fhierarchy.md",2807,{"path":79,"size":80,"executable":11},"references\u002Fimages.md",2019,{"path":82,"size":83,"executable":11},"references\u002Findex.md",1265,{"path":85,"size":86,"executable":11},"references\u002Flanding-page.md",3140,{"path":88,"size":89,"executable":11},"references\u002Fpolish.md",2868,{"path":91,"size":92,"executable":11},"references\u002Fprocess.md",1813,{"path":94,"size":95,"executable":11},"references\u002Fspacing.md",2489,{"path":97,"size":98,"executable":11},"references\u002Ftypography.md",2760,{"path":29,"size":30,"executable":11},38006,{"slug":102,"name":102,"description":103,"files":104,"size":111},"mobile-responsive-pass","Makes an existing desktop-first landing page or marketing page feel intentional on a 375–390px phone in one pass, without touching the desktop design. Use when the user asks to \"make this mobile friendly\", \"optimize for mobile\", \"fix the mobile layout\", \"make it more compact on mobile\", \"reduce scrolling on mobile\", or hands over a page that looks fine on desktop but cramped or endless on a phone. Tactical, not a redesign: shrinks padding, type and gaps; restructures layouts that physically can't fit (wide tables, chip rows, big grids); flattens double-padded cards; and on marketing pages turns tall stacks of peer cards (pricing tiers, testimonials, steps, galleries) into swipe carousels. Works on plain HTML\u002FCSS, Tailwind, and any component framework (React, Vue, Svelte, Astro).",[105,107,110],{"path":9,"size":106,"executable":11},12203,{"path":108,"size":109,"executable":11},"references\u002Fpatterns.md",11499,{"path":29,"size":30,"executable":11},24771,{"slug":113,"name":113,"description":114,"files":115,"size":124},"screenshot-capture","Captures a PNG of any rendered web page in headless Chrome — the whole page, one section, a single element, the above-the-fold viewport, or a mobile\u002Ftablet\u002Fdesktop rendering. Use when the user says \"screenshot\", \"take a screenshot\", \"grab a screenshot of \u003Curl>\", \"screenshot the hero \u002F pricing \u002F nav \u002F that button\", \"show me how X renders\", \"screenshot the mobile view\", or when another task needs a before\u002Fafter capture of a page. Infers the target from plain language, resolves sections by heading text, CSS selector or Nth \u003Csection>, saves a PNG and shows it. Self-contained: drives the installed Google Chrome (or Playwright's Chromium) through playwright-core, no MCP server.",[116,118,120,123],{"path":9,"size":117,"executable":11},8219,{"path":48,"size":119,"executable":11},324,{"path":121,"size":122,"executable":11},"scripts\u002Fscreenshot.mjs",10225,{"path":29,"size":30,"executable":11},19837,{"slug":126,"name":126,"description":127,"files":128,"size":142},"share-image-generator","Generates a per-page Open Graph \u002F social share image (the picture shown when a link is posted on LinkedIn, X, Slack, iMessage) as a flat 2400×1260 JPG in the user's own brand colors and logo, rendered from a self-contained 1200×630 HTML canvas with headless Chrome. Use when the user asks for an \"OG image\", \"share image\", \"social card\", \"Twitter card\", \"og:image\", \"link preview image\", or \"make a share image for \u003Cpage>\". Takes headline, brand colors, logo and an optional product screenshot as input, checks the render for clipped text and missing fonts, saves the JPG into the project's static folder and gives the meta tags to wire in.",[129,131,133,136,138,141],{"path":9,"size":130,"executable":11},6346,{"path":13,"size":132,"executable":11},4662,{"path":134,"size":135,"executable":11},"references\u002Fdesign.md",7483,{"path":48,"size":137,"executable":11},334,{"path":139,"size":140,"executable":11},"scripts\u002Frender.mjs",7003,{"path":29,"size":30,"executable":11},26897]