[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-automattic-design-systems":3,"mdc--eskrwb-key":36,"related-repo-automattic-design-systems":2828,"related-org-automattic-design-systems":2868},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"design-systems","guide web design aesthetic decisions","Bold aesthetic direction guidance for web design. Use when making creative decisions about typography, color, motion, spatial composition, and overall visual style. Helps avoid generic \"AI slop\" aesthetics.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"automattic","Automattic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fautomattic.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Creative","creative","tag",{"name":17,"slug":18,"type":15},"Design System","design-system",{"name":20,"slug":21,"type":15},"Typography","typography",{"name":23,"slug":24,"type":15},"Design","design",104,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fwordpress-agent-skills","2026-04-06T18:03:22.699005",null,11,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"A collection of agent skills that can be used to create WordPress themes and sites","https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fwordpress-agent-skills\u002Ftree\u002FHEAD\u002Fclaude-cowork\u002Fwp-site-creator\u002Fskills\u002Fdesign-systems","---\nname: design-systems\ndescription: Bold aesthetic direction guidance for web design. Use when making creative decisions about typography, color, motion, spatial composition, and overall visual style. Helps avoid generic \"AI slop\" aesthetics.\n---\n\n# Design Systems Skill\n\nFrameworks for creating distinctive, memorable web designs that avoid generic \"AI slop\" aesthetics.\n\n## Absolute Rules\n\n- **NO EMOJIS**: Never use emojis anywhere in generated content - not in headings, paragraphs, button text, or any other text.\n\n## Design Thinking Framework\n\nBefore designing, understand the context and commit to a BOLD aesthetic direction:\n\n### 1. Purpose\n- What problem does this design solve?\n- Who uses it?\n- What action should users take?\n\n### 2. Tone\nDo NOT pick from a fixed list of generic styles. Instead, derive every direction from the site's topic, industry, culture, and audience:\n\n- **Think like a specialist designer** who has been hired for exactly this brief. What visual references would you research? What mood boards would you create? What real-world spaces, objects, materials, or cultural artefacts inform the aesthetic?\n- **Ground each direction in the topic**. For a traditional restaurant, directions might explore rustic warmth, refined elegance, or cultural heritage — never brutalist concrete. For a tech startup, directions might explore clean precision, bold disruption, or data-driven minimalism — never cozy farmhouse.\n- **Ensure authentic diversity**. The 4 directions should vary meaningfully in color palette, typography, layout approach, and mood — but every one must feel like a plausible, thoughtful design for *this specific type of site*. Diversity comes from exploring different facets of the topic, not from importing unrelated aesthetics.\n- **Name each direction specifically**. Titles should reflect the topic-grounded concept (e.g., \"Warm Heritage\" or \"Alpine Elegance\" for a Swiss chalet site), not generic labels like \"Minimalist\" or \"Bold\".\n\n\n### 3. Constraints\n- Technical requirements (framework, performance, accessibility)\n- Brand guidelines (if any)\n- Content requirements\n\n### 4. Differentiation\nWhat makes this UNFORGETTABLE? What's the one thing someone will remember?\n\n## Frontend Aesthetics Guidelines\n\nYou tend to converge toward generic, \"on distribution\" outputs. In frontend design, this creates what users call the \"AI slop\" aesthetic. Avoid this: make creative, distinctive frontends that surprise and delight.\n\n### Typography\n\nChoose fonts that are beautiful, unique, and interesting.\n\n**AVOID (overused\u002Fgeneric):**\n- Inter\n- Roboto\n- Arial\n- System fonts\n- Space Grotesk (overused by AI)\n\n**PREFER (distinctive choices):**\n- Pair a distinctive display font with a refined body font\n- Consider: Fraunces, Clash Display, Cabinet Grotesk, Satoshi, Outfit, Syne, DM Serif Display, Playfair Display, Cormorant Garamond, Archivo\n- Match font personality to brand (tech: geometric sans; luxury: refined serif; creative: display fonts)\n- Unexpected, characterful font choices that elevate the frontend's aesthetics\n\n**Typography scale:**\n- Use a consistent scale (1.25 or 1.333 ratio)\n- Headings should command attention\n- Body text should be comfortable to read (16-18px minimum)\n\n### Color & Theme\n\nCommit to a cohesive aesthetic. Dominant colors with sharp accents outperform timid, evenly-distributed palettes.\n\n**Strategies:**\n- **Monochromatic with accent**: Single color family + one pop color\n- **Complementary contrast**: Two opposing colors (careful with saturation)\n- **Analogous harmony**: Adjacent colors on the wheel\n- **Dark mode**: Not just inverted - design specifically for dark\n\n**AVOID:**\n- Purple gradients on white backgrounds (cliched AI aesthetic)\n- Evenly distributed rainbow palettes\n- Low-contrast, washed-out schemes\n- Generic blue (#007bff) as primary\n- Timid, evenly-distributed palettes\n\n**Color proportions:**\n- 60% dominant (backgrounds, large areas)\n- 30% secondary (containers, sections)\n- 10% accent (CTAs, highlights)\n\n### Motion & Animation\n\nMotion is a design system element like color and typography — it should be intentional, cohesive, and matched to the site's personality. Prioritize CSS-only solutions.\n\n**Technique palette** — choose from these categories to create a rich, dynamic experience:\n\n| Category | Techniques |\n|----------|-----------|\n| Entrance animations | Fade-up, slide-in, scale-up, clip-path reveals — with staggered delays for groups |\n| Hover\u002Ffocus transitions | Card lifts, button transforms, underline grows, color shifts, shadow deepens |\n| Continuous subtle motion | Floating elements, pulsing accents, slow-rotating decorative shapes, gradient shifts |\n| Scroll-triggered reveals | Sections\u002Felements animate as they enter the viewport |\n| Background animation | Gradient color cycling, pattern movement, ambient drift |\n| Text effects | Letter-spacing transitions, weight shifts, color wipes on headings |\n\n**CSS animation patterns:**\n```css\n\u002F* Staggered fade-up entrance *\u002F\n.fade-up {\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeUp 0.6s ease forwards;\n}\n.fade-up:nth-child(1) { animation-delay: 0.1s; }\n.fade-up:nth-child(2) { animation-delay: 0.2s; }\n.fade-up:nth-child(3) { animation-delay: 0.3s; }\n.fade-up:nth-child(4) { animation-delay: 0.4s; }\n\n@keyframes fadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\u002F* Slide-in from side *\u002F\n.slide-in-left {\n  opacity: 0;\n  transform: translateX(-40px);\n  animation: slideInLeft 0.7s ease forwards;\n}\n@keyframes slideInLeft {\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\u002F* Scale reveal *\u002F\n.scale-up {\n  opacity: 0;\n  transform: scale(0.9);\n  animation: scaleUp 0.5s ease forwards;\n}\n@keyframes scaleUp {\n  to { opacity: 1; transform: scale(1); }\n}\n\n\u002F* Continuous float — decorative elements *\u002F\n.float {\n  animation: float 3s ease-in-out infinite;\n}\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n\n\u002F* Gradient background animation *\u002F\n.gradient-shift {\n  background-size: 200% 200%;\n  animation: gradientShift 8s ease infinite;\n}\n@keyframes gradientShift {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\u002F* Hover transitions *\u002F\n.hover-lift {\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.hover-lift:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 24px rgba(0,0,0,0.15);\n}\n\n\u002F* Accessibility: always include *\u002F\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n```\n\n**Orchestration guidance:**\n- **Pick 2-3 motion techniques per site** and use them consistently, subtly — don't scatter every technique across a single page\n- **Match motion to personality**: tech sites = precise, snappy timing; luxury = slow, elegant easing; playful = bouncy, energetic curves\n- **Entrance animations** should follow a clear reading order — top-to-bottom, left-to-right stagger\n- **Scroll reveals** are the highest-impact pattern: sections animate as they enter the viewport, creating a sense of narrative progression\n\n### Spatial Composition\n\nBreak out of predictable layouts. Use unexpected layouts and avoid generic patterns:\n\n- **Asymmetry**: Off-center elements create visual interest\n- **Overlap**: Elements crossing boundaries add depth\n- **Diagonal flow**: Guide the eye with angled elements\n- **Grid-breaking**: Strategic elements that escape the grid\n- **Negative space**: Generous whitespace OR controlled density (pick one)\n\nInterpret creatively and make unexpected choices that feel genuinely designed for the context.\n\n### Backgrounds & Visual Details\n\nCreate atmosphere and depth rather than defaulting to solid colors:\n\n| Technique | Use Case |\n|-----------|----------|\n| Gradient meshes | Modern, dynamic feel |\n| Noise textures | Warmth, tactile quality |\n| Geometric patterns | Tech, precision |\n| Layered transparencies | Depth, sophistication |\n| Dramatic shadows | Premium, elevated |\n| Decorative borders | Editorial, structured |\n| Grain overlays | Vintage, analog feel |\n\n### Iconography\n\n- Use custom-designed SVG icons that align with the theme's aesthetic\n- Maintain consistent stroke width and style\n- Icons should complement, not compete with content\n\n## Matching Complexity to Vision\n\n**IMPORTANT**: Match implementation complexity to the aesthetic vision.\n\n**Maximalist designs need:**\n- Elaborate code with extensive animations\n- Multiple visual layers\n- Rich interactive effects\n- Dense styling\n\n**Minimalist designs need:**\n- Restraint and precision\n- Careful attention to spacing\n- Subtle typography refinements\n- Every detail intentional\n\nElegance comes from executing the vision well, not from adding more features.\n\n## Design Variety and Variation\n\nWhen generating multiple designs:\n\n### Never Converge\n- **NEVER converge** on the same choices across generations\n- No design should be the same\n- Avoid overused fonts (see AVOID list above) across generations\n- Each design should feel genuinely different\n\n### Vary Core Elements\n\n**Color Variation:**\n- Mix light and dark themes\n- Mix warm and cool palettes\n- Mix monochromatic and colorful approaches\n\n**Typography Variation:**\n- Use different font combinations each time\n- Mix serif and sans-serif headings\n- Mix elegant and bold type treatments\n- Vary type scale and hierarchy\n\n**Layout Variation:**\n- Mix full-width and contained layouts\n- Mix asymmetric and symmetric compositions\n- Vary density (spacious vs. compact)\n\n**Style Variation:**\n- Explore different aesthetic territories\n- Each design should feel like it could be the foundation for a distinct, complete website\n- Avoid converging on similar solutions\n\n**Ensure significant variation:** The designs should vary meaningfully in color palette, typography, layout approach, and mood — but every one must feel like a plausible, thoughtful design for the specific site context.\n\nRemember: Extraordinary creative work requires committing fully to a distinctive vision. Don't hold back.\n",{"data":37,"body":38},{"name":4,"description":6},{"type":39,"children":40},"root",[41,50,56,63,79,85,90,97,115,121,126,177,183,201,207,212,218,223,227,232,240,268,276,299,307,325,331,336,344,387,395,423,431,449,455,460,470,576,584,2297,2305,2347,2353,2358,2411,2416,2422,2427,2540,2546,2564,2570,2580,2588,2611,2619,2642,2647,2653,2658,2664,2692,2698,2706,2724,2732,2755,2763,2781,2789,2807,2817,2822],{"type":42,"tag":43,"props":44,"children":46},"element","h1",{"id":45},"design-systems-skill",[47],{"type":48,"value":49},"text","Design Systems Skill",{"type":42,"tag":51,"props":52,"children":53},"p",{},[54],{"type":48,"value":55},"Frameworks for creating distinctive, memorable web designs that avoid generic \"AI slop\" aesthetics.",{"type":42,"tag":57,"props":58,"children":60},"h2",{"id":59},"absolute-rules",[61],{"type":48,"value":62},"Absolute Rules",{"type":42,"tag":64,"props":65,"children":66},"ul",{},[67],{"type":42,"tag":68,"props":69,"children":70},"li",{},[71,77],{"type":42,"tag":72,"props":73,"children":74},"strong",{},[75],{"type":48,"value":76},"NO EMOJIS",{"type":48,"value":78},": Never use emojis anywhere in generated content - not in headings, paragraphs, button text, or any other text.",{"type":42,"tag":57,"props":80,"children":82},{"id":81},"design-thinking-framework",[83],{"type":48,"value":84},"Design Thinking Framework",{"type":42,"tag":51,"props":86,"children":87},{},[88],{"type":48,"value":89},"Before designing, understand the context and commit to a BOLD aesthetic direction:",{"type":42,"tag":91,"props":92,"children":94},"h3",{"id":93},"_1-purpose",[95],{"type":48,"value":96},"1. Purpose",{"type":42,"tag":64,"props":98,"children":99},{},[100,105,110],{"type":42,"tag":68,"props":101,"children":102},{},[103],{"type":48,"value":104},"What problem does this design solve?",{"type":42,"tag":68,"props":106,"children":107},{},[108],{"type":48,"value":109},"Who uses it?",{"type":42,"tag":68,"props":111,"children":112},{},[113],{"type":48,"value":114},"What action should users take?",{"type":42,"tag":91,"props":116,"children":118},{"id":117},"_2-tone",[119],{"type":48,"value":120},"2. Tone",{"type":42,"tag":51,"props":122,"children":123},{},[124],{"type":48,"value":125},"Do NOT pick from a fixed list of generic styles. Instead, derive every direction from the site's topic, industry, culture, and audience:",{"type":42,"tag":64,"props":127,"children":128},{},[129,139,149,167],{"type":42,"tag":68,"props":130,"children":131},{},[132,137],{"type":42,"tag":72,"props":133,"children":134},{},[135],{"type":48,"value":136},"Think like a specialist designer",{"type":48,"value":138}," who has been hired for exactly this brief. What visual references would you research? What mood boards would you create? What real-world spaces, objects, materials, or cultural artefacts inform the aesthetic?",{"type":42,"tag":68,"props":140,"children":141},{},[142,147],{"type":42,"tag":72,"props":143,"children":144},{},[145],{"type":48,"value":146},"Ground each direction in the topic",{"type":48,"value":148},". For a traditional restaurant, directions might explore rustic warmth, refined elegance, or cultural heritage — never brutalist concrete. For a tech startup, directions might explore clean precision, bold disruption, or data-driven minimalism — never cozy farmhouse.",{"type":42,"tag":68,"props":150,"children":151},{},[152,157,159,165],{"type":42,"tag":72,"props":153,"children":154},{},[155],{"type":48,"value":156},"Ensure authentic diversity",{"type":48,"value":158},". The 4 directions should vary meaningfully in color palette, typography, layout approach, and mood — but every one must feel like a plausible, thoughtful design for ",{"type":42,"tag":160,"props":161,"children":162},"em",{},[163],{"type":48,"value":164},"this specific type of site",{"type":48,"value":166},". Diversity comes from exploring different facets of the topic, not from importing unrelated aesthetics.",{"type":42,"tag":68,"props":168,"children":169},{},[170,175],{"type":42,"tag":72,"props":171,"children":172},{},[173],{"type":48,"value":174},"Name each direction specifically",{"type":48,"value":176},". Titles should reflect the topic-grounded concept (e.g., \"Warm Heritage\" or \"Alpine Elegance\" for a Swiss chalet site), not generic labels like \"Minimalist\" or \"Bold\".",{"type":42,"tag":91,"props":178,"children":180},{"id":179},"_3-constraints",[181],{"type":48,"value":182},"3. Constraints",{"type":42,"tag":64,"props":184,"children":185},{},[186,191,196],{"type":42,"tag":68,"props":187,"children":188},{},[189],{"type":48,"value":190},"Technical requirements (framework, performance, accessibility)",{"type":42,"tag":68,"props":192,"children":193},{},[194],{"type":48,"value":195},"Brand guidelines (if any)",{"type":42,"tag":68,"props":197,"children":198},{},[199],{"type":48,"value":200},"Content requirements",{"type":42,"tag":91,"props":202,"children":204},{"id":203},"_4-differentiation",[205],{"type":48,"value":206},"4. Differentiation",{"type":42,"tag":51,"props":208,"children":209},{},[210],{"type":48,"value":211},"What makes this UNFORGETTABLE? What's the one thing someone will remember?",{"type":42,"tag":57,"props":213,"children":215},{"id":214},"frontend-aesthetics-guidelines",[216],{"type":48,"value":217},"Frontend Aesthetics Guidelines",{"type":42,"tag":51,"props":219,"children":220},{},[221],{"type":48,"value":222},"You tend to converge toward generic, \"on distribution\" outputs. In frontend design, this creates what users call the \"AI slop\" aesthetic. Avoid this: make creative, distinctive frontends that surprise and delight.",{"type":42,"tag":91,"props":224,"children":225},{"id":21},[226],{"type":48,"value":20},{"type":42,"tag":51,"props":228,"children":229},{},[230],{"type":48,"value":231},"Choose fonts that are beautiful, unique, and interesting.",{"type":42,"tag":51,"props":233,"children":234},{},[235],{"type":42,"tag":72,"props":236,"children":237},{},[238],{"type":48,"value":239},"AVOID (overused\u002Fgeneric):",{"type":42,"tag":64,"props":241,"children":242},{},[243,248,253,258,263],{"type":42,"tag":68,"props":244,"children":245},{},[246],{"type":48,"value":247},"Inter",{"type":42,"tag":68,"props":249,"children":250},{},[251],{"type":48,"value":252},"Roboto",{"type":42,"tag":68,"props":254,"children":255},{},[256],{"type":48,"value":257},"Arial",{"type":42,"tag":68,"props":259,"children":260},{},[261],{"type":48,"value":262},"System fonts",{"type":42,"tag":68,"props":264,"children":265},{},[266],{"type":48,"value":267},"Space Grotesk (overused by AI)",{"type":42,"tag":51,"props":269,"children":270},{},[271],{"type":42,"tag":72,"props":272,"children":273},{},[274],{"type":48,"value":275},"PREFER (distinctive choices):",{"type":42,"tag":64,"props":277,"children":278},{},[279,284,289,294],{"type":42,"tag":68,"props":280,"children":281},{},[282],{"type":48,"value":283},"Pair a distinctive display font with a refined body font",{"type":42,"tag":68,"props":285,"children":286},{},[287],{"type":48,"value":288},"Consider: Fraunces, Clash Display, Cabinet Grotesk, Satoshi, Outfit, Syne, DM Serif Display, Playfair Display, Cormorant Garamond, Archivo",{"type":42,"tag":68,"props":290,"children":291},{},[292],{"type":48,"value":293},"Match font personality to brand (tech: geometric sans; luxury: refined serif; creative: display fonts)",{"type":42,"tag":68,"props":295,"children":296},{},[297],{"type":48,"value":298},"Unexpected, characterful font choices that elevate the frontend's aesthetics",{"type":42,"tag":51,"props":300,"children":301},{},[302],{"type":42,"tag":72,"props":303,"children":304},{},[305],{"type":48,"value":306},"Typography scale:",{"type":42,"tag":64,"props":308,"children":309},{},[310,315,320],{"type":42,"tag":68,"props":311,"children":312},{},[313],{"type":48,"value":314},"Use a consistent scale (1.25 or 1.333 ratio)",{"type":42,"tag":68,"props":316,"children":317},{},[318],{"type":48,"value":319},"Headings should command attention",{"type":42,"tag":68,"props":321,"children":322},{},[323],{"type":48,"value":324},"Body text should be comfortable to read (16-18px minimum)",{"type":42,"tag":91,"props":326,"children":328},{"id":327},"color-theme",[329],{"type":48,"value":330},"Color & Theme",{"type":42,"tag":51,"props":332,"children":333},{},[334],{"type":48,"value":335},"Commit to a cohesive aesthetic. Dominant colors with sharp accents outperform timid, evenly-distributed palettes.",{"type":42,"tag":51,"props":337,"children":338},{},[339],{"type":42,"tag":72,"props":340,"children":341},{},[342],{"type":48,"value":343},"Strategies:",{"type":42,"tag":64,"props":345,"children":346},{},[347,357,367,377],{"type":42,"tag":68,"props":348,"children":349},{},[350,355],{"type":42,"tag":72,"props":351,"children":352},{},[353],{"type":48,"value":354},"Monochromatic with accent",{"type":48,"value":356},": Single color family + one pop color",{"type":42,"tag":68,"props":358,"children":359},{},[360,365],{"type":42,"tag":72,"props":361,"children":362},{},[363],{"type":48,"value":364},"Complementary contrast",{"type":48,"value":366},": Two opposing colors (careful with saturation)",{"type":42,"tag":68,"props":368,"children":369},{},[370,375],{"type":42,"tag":72,"props":371,"children":372},{},[373],{"type":48,"value":374},"Analogous harmony",{"type":48,"value":376},": Adjacent colors on the wheel",{"type":42,"tag":68,"props":378,"children":379},{},[380,385],{"type":42,"tag":72,"props":381,"children":382},{},[383],{"type":48,"value":384},"Dark mode",{"type":48,"value":386},": Not just inverted - design specifically for dark",{"type":42,"tag":51,"props":388,"children":389},{},[390],{"type":42,"tag":72,"props":391,"children":392},{},[393],{"type":48,"value":394},"AVOID:",{"type":42,"tag":64,"props":396,"children":397},{},[398,403,408,413,418],{"type":42,"tag":68,"props":399,"children":400},{},[401],{"type":48,"value":402},"Purple gradients on white backgrounds (cliched AI aesthetic)",{"type":42,"tag":68,"props":404,"children":405},{},[406],{"type":48,"value":407},"Evenly distributed rainbow palettes",{"type":42,"tag":68,"props":409,"children":410},{},[411],{"type":48,"value":412},"Low-contrast, washed-out schemes",{"type":42,"tag":68,"props":414,"children":415},{},[416],{"type":48,"value":417},"Generic blue (#007bff) as primary",{"type":42,"tag":68,"props":419,"children":420},{},[421],{"type":48,"value":422},"Timid, evenly-distributed palettes",{"type":42,"tag":51,"props":424,"children":425},{},[426],{"type":42,"tag":72,"props":427,"children":428},{},[429],{"type":48,"value":430},"Color proportions:",{"type":42,"tag":64,"props":432,"children":433},{},[434,439,444],{"type":42,"tag":68,"props":435,"children":436},{},[437],{"type":48,"value":438},"60% dominant (backgrounds, large areas)",{"type":42,"tag":68,"props":440,"children":441},{},[442],{"type":48,"value":443},"30% secondary (containers, sections)",{"type":42,"tag":68,"props":445,"children":446},{},[447],{"type":48,"value":448},"10% accent (CTAs, highlights)",{"type":42,"tag":91,"props":450,"children":452},{"id":451},"motion-animation",[453],{"type":48,"value":454},"Motion & Animation",{"type":42,"tag":51,"props":456,"children":457},{},[458],{"type":48,"value":459},"Motion is a design system element like color and typography — it should be intentional, cohesive, and matched to the site's personality. Prioritize CSS-only solutions.",{"type":42,"tag":51,"props":461,"children":462},{},[463,468],{"type":42,"tag":72,"props":464,"children":465},{},[466],{"type":48,"value":467},"Technique palette",{"type":48,"value":469}," — choose from these categories to create a rich, dynamic experience:",{"type":42,"tag":471,"props":472,"children":473},"table",{},[474,493],{"type":42,"tag":475,"props":476,"children":477},"thead",{},[478],{"type":42,"tag":479,"props":480,"children":481},"tr",{},[482,488],{"type":42,"tag":483,"props":484,"children":485},"th",{},[486],{"type":48,"value":487},"Category",{"type":42,"tag":483,"props":489,"children":490},{},[491],{"type":48,"value":492},"Techniques",{"type":42,"tag":494,"props":495,"children":496},"tbody",{},[497,511,524,537,550,563],{"type":42,"tag":479,"props":498,"children":499},{},[500,506],{"type":42,"tag":501,"props":502,"children":503},"td",{},[504],{"type":48,"value":505},"Entrance animations",{"type":42,"tag":501,"props":507,"children":508},{},[509],{"type":48,"value":510},"Fade-up, slide-in, scale-up, clip-path reveals — with staggered delays for groups",{"type":42,"tag":479,"props":512,"children":513},{},[514,519],{"type":42,"tag":501,"props":515,"children":516},{},[517],{"type":48,"value":518},"Hover\u002Ffocus transitions",{"type":42,"tag":501,"props":520,"children":521},{},[522],{"type":48,"value":523},"Card lifts, button transforms, underline grows, color shifts, shadow deepens",{"type":42,"tag":479,"props":525,"children":526},{},[527,532],{"type":42,"tag":501,"props":528,"children":529},{},[530],{"type":48,"value":531},"Continuous subtle motion",{"type":42,"tag":501,"props":533,"children":534},{},[535],{"type":48,"value":536},"Floating elements, pulsing accents, slow-rotating decorative shapes, gradient shifts",{"type":42,"tag":479,"props":538,"children":539},{},[540,545],{"type":42,"tag":501,"props":541,"children":542},{},[543],{"type":48,"value":544},"Scroll-triggered reveals",{"type":42,"tag":501,"props":546,"children":547},{},[548],{"type":48,"value":549},"Sections\u002Felements animate as they enter the viewport",{"type":42,"tag":479,"props":551,"children":552},{},[553,558],{"type":42,"tag":501,"props":554,"children":555},{},[556],{"type":48,"value":557},"Background animation",{"type":42,"tag":501,"props":559,"children":560},{},[561],{"type":48,"value":562},"Gradient color cycling, pattern movement, ambient drift",{"type":42,"tag":479,"props":564,"children":565},{},[566,571],{"type":42,"tag":501,"props":567,"children":568},{},[569],{"type":48,"value":570},"Text effects",{"type":42,"tag":501,"props":572,"children":573},{},[574],{"type":48,"value":575},"Letter-spacing transitions, weight shifts, color wipes on headings",{"type":42,"tag":51,"props":577,"children":578},{},[579],{"type":42,"tag":72,"props":580,"children":581},{},[582],{"type":48,"value":583},"CSS animation patterns:",{"type":42,"tag":585,"props":586,"children":591},"pre",{"className":587,"code":588,"language":589,"meta":590,"style":590},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* Staggered fade-up entrance *\u002F\n.fade-up {\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeUp 0.6s ease forwards;\n}\n.fade-up:nth-child(1) { animation-delay: 0.1s; }\n.fade-up:nth-child(2) { animation-delay: 0.2s; }\n.fade-up:nth-child(3) { animation-delay: 0.3s; }\n.fade-up:nth-child(4) { animation-delay: 0.4s; }\n\n@keyframes fadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\u002F* Slide-in from side *\u002F\n.slide-in-left {\n  opacity: 0;\n  transform: translateX(-40px);\n  animation: slideInLeft 0.7s ease forwards;\n}\n@keyframes slideInLeft {\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\u002F* Scale reveal *\u002F\n.scale-up {\n  opacity: 0;\n  transform: scale(0.9);\n  animation: scaleUp 0.5s ease forwards;\n}\n@keyframes scaleUp {\n  to { opacity: 1; transform: scale(1); }\n}\n\n\u002F* Continuous float — decorative elements *\u002F\n.float {\n  animation: float 3s ease-in-out infinite;\n}\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n\n\u002F* Gradient background animation *\u002F\n.gradient-shift {\n  background-size: 200% 200%;\n  animation: gradientShift 8s ease infinite;\n}\n@keyframes gradientShift {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\u002F* Hover transitions *\u002F\n.hover-lift {\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.hover-lift:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 24px rgba(0,0,0,0.15);\n}\n\n\u002F* Accessibility: always include *\u002F\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n","css","",[592],{"type":42,"tag":593,"props":594,"children":595},"code",{"__ignoreMap":590},[596,608,629,655,689,722,731,796,854,912,970,979,999,1061,1069,1077,1086,1103,1123,1153,1183,1191,1208,1264,1272,1280,1289,1306,1326,1356,1386,1394,1411,1467,1475,1483,1492,1509,1540,1548,1565,1616,1658,1666,1674,1683,1700,1726,1757,1765,1782,1821,1858,1895,1903,1911,1920,1937,1987,1995,2020,2049,2118,2126,2134,2143,2179,2228,2255,2280,2289],{"type":42,"tag":597,"props":598,"children":601},"span",{"class":599,"line":600},"line",1,[602],{"type":42,"tag":597,"props":603,"children":605},{"style":604},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[606],{"type":48,"value":607},"\u002F* Staggered fade-up entrance *\u002F\n",{"type":42,"tag":597,"props":609,"children":611},{"class":599,"line":610},2,[612,618,624],{"type":42,"tag":597,"props":613,"children":615},{"style":614},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[616],{"type":48,"value":617},".",{"type":42,"tag":597,"props":619,"children":621},{"style":620},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[622],{"type":48,"value":623},"fade-up",{"type":42,"tag":597,"props":625,"children":626},{"style":614},[627],{"type":48,"value":628}," {\n",{"type":42,"tag":597,"props":630,"children":632},{"class":599,"line":631},3,[633,639,644,650],{"type":42,"tag":597,"props":634,"children":636},{"style":635},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[637],{"type":48,"value":638},"  opacity",{"type":42,"tag":597,"props":640,"children":641},{"style":614},[642],{"type":48,"value":643},":",{"type":42,"tag":597,"props":645,"children":647},{"style":646},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[648],{"type":48,"value":649}," 0",{"type":42,"tag":597,"props":651,"children":652},{"style":614},[653],{"type":48,"value":654},";\n",{"type":42,"tag":597,"props":656,"children":658},{"class":599,"line":657},4,[659,664,668,674,679,684],{"type":42,"tag":597,"props":660,"children":661},{"style":635},[662],{"type":48,"value":663},"  transform",{"type":42,"tag":597,"props":665,"children":666},{"style":614},[667],{"type":48,"value":643},{"type":42,"tag":597,"props":669,"children":671},{"style":670},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[672],{"type":48,"value":673}," translateY",{"type":42,"tag":597,"props":675,"children":676},{"style":614},[677],{"type":48,"value":678},"(",{"type":42,"tag":597,"props":680,"children":681},{"style":646},[682],{"type":48,"value":683},"30px",{"type":42,"tag":597,"props":685,"children":686},{"style":614},[687],{"type":48,"value":688},");\n",{"type":42,"tag":597,"props":690,"children":692},{"class":599,"line":691},5,[693,698,702,708,713,718],{"type":42,"tag":597,"props":694,"children":695},{"style":635},[696],{"type":48,"value":697},"  animation",{"type":42,"tag":597,"props":699,"children":700},{"style":614},[701],{"type":48,"value":643},{"type":42,"tag":597,"props":703,"children":705},{"style":704},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[706],{"type":48,"value":707}," fadeUp ",{"type":42,"tag":597,"props":709,"children":710},{"style":646},[711],{"type":48,"value":712},"0.6s",{"type":42,"tag":597,"props":714,"children":715},{"style":704},[716],{"type":48,"value":717}," ease forwards",{"type":42,"tag":597,"props":719,"children":720},{"style":614},[721],{"type":48,"value":654},{"type":42,"tag":597,"props":723,"children":725},{"class":599,"line":724},6,[726],{"type":42,"tag":597,"props":727,"children":728},{"style":614},[729],{"type":48,"value":730},"}\n",{"type":42,"tag":597,"props":732,"children":734},{"class":599,"line":733},7,[735,739,743,747,753,757,762,767,772,777,781,786,791],{"type":42,"tag":597,"props":736,"children":737},{"style":614},[738],{"type":48,"value":617},{"type":42,"tag":597,"props":740,"children":741},{"style":620},[742],{"type":48,"value":623},{"type":42,"tag":597,"props":744,"children":745},{"style":614},[746],{"type":48,"value":643},{"type":42,"tag":597,"props":748,"children":750},{"style":749},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[751],{"type":48,"value":752},"nth-child",{"type":42,"tag":597,"props":754,"children":755},{"style":614},[756],{"type":48,"value":678},{"type":42,"tag":597,"props":758,"children":759},{"style":646},[760],{"type":48,"value":761},"1",{"type":42,"tag":597,"props":763,"children":764},{"style":614},[765],{"type":48,"value":766},")",{"type":42,"tag":597,"props":768,"children":769},{"style":614},[770],{"type":48,"value":771}," {",{"type":42,"tag":597,"props":773,"children":774},{"style":635},[775],{"type":48,"value":776}," animation-delay",{"type":42,"tag":597,"props":778,"children":779},{"style":614},[780],{"type":48,"value":643},{"type":42,"tag":597,"props":782,"children":783},{"style":646},[784],{"type":48,"value":785}," 0.1s",{"type":42,"tag":597,"props":787,"children":788},{"style":614},[789],{"type":48,"value":790},";",{"type":42,"tag":597,"props":792,"children":793},{"style":614},[794],{"type":48,"value":795}," }\n",{"type":42,"tag":597,"props":797,"children":799},{"class":599,"line":798},8,[800,804,808,812,816,820,825,829,833,837,841,846,850],{"type":42,"tag":597,"props":801,"children":802},{"style":614},[803],{"type":48,"value":617},{"type":42,"tag":597,"props":805,"children":806},{"style":620},[807],{"type":48,"value":623},{"type":42,"tag":597,"props":809,"children":810},{"style":614},[811],{"type":48,"value":643},{"type":42,"tag":597,"props":813,"children":814},{"style":749},[815],{"type":48,"value":752},{"type":42,"tag":597,"props":817,"children":818},{"style":614},[819],{"type":48,"value":678},{"type":42,"tag":597,"props":821,"children":822},{"style":646},[823],{"type":48,"value":824},"2",{"type":42,"tag":597,"props":826,"children":827},{"style":614},[828],{"type":48,"value":766},{"type":42,"tag":597,"props":830,"children":831},{"style":614},[832],{"type":48,"value":771},{"type":42,"tag":597,"props":834,"children":835},{"style":635},[836],{"type":48,"value":776},{"type":42,"tag":597,"props":838,"children":839},{"style":614},[840],{"type":48,"value":643},{"type":42,"tag":597,"props":842,"children":843},{"style":646},[844],{"type":48,"value":845}," 0.2s",{"type":42,"tag":597,"props":847,"children":848},{"style":614},[849],{"type":48,"value":790},{"type":42,"tag":597,"props":851,"children":852},{"style":614},[853],{"type":48,"value":795},{"type":42,"tag":597,"props":855,"children":857},{"class":599,"line":856},9,[858,862,866,870,874,878,883,887,891,895,899,904,908],{"type":42,"tag":597,"props":859,"children":860},{"style":614},[861],{"type":48,"value":617},{"type":42,"tag":597,"props":863,"children":864},{"style":620},[865],{"type":48,"value":623},{"type":42,"tag":597,"props":867,"children":868},{"style":614},[869],{"type":48,"value":643},{"type":42,"tag":597,"props":871,"children":872},{"style":749},[873],{"type":48,"value":752},{"type":42,"tag":597,"props":875,"children":876},{"style":614},[877],{"type":48,"value":678},{"type":42,"tag":597,"props":879,"children":880},{"style":646},[881],{"type":48,"value":882},"3",{"type":42,"tag":597,"props":884,"children":885},{"style":614},[886],{"type":48,"value":766},{"type":42,"tag":597,"props":888,"children":889},{"style":614},[890],{"type":48,"value":771},{"type":42,"tag":597,"props":892,"children":893},{"style":635},[894],{"type":48,"value":776},{"type":42,"tag":597,"props":896,"children":897},{"style":614},[898],{"type":48,"value":643},{"type":42,"tag":597,"props":900,"children":901},{"style":646},[902],{"type":48,"value":903}," 0.3s",{"type":42,"tag":597,"props":905,"children":906},{"style":614},[907],{"type":48,"value":790},{"type":42,"tag":597,"props":909,"children":910},{"style":614},[911],{"type":48,"value":795},{"type":42,"tag":597,"props":913,"children":915},{"class":599,"line":914},10,[916,920,924,928,932,936,941,945,949,953,957,962,966],{"type":42,"tag":597,"props":917,"children":918},{"style":614},[919],{"type":48,"value":617},{"type":42,"tag":597,"props":921,"children":922},{"style":620},[923],{"type":48,"value":623},{"type":42,"tag":597,"props":925,"children":926},{"style":614},[927],{"type":48,"value":643},{"type":42,"tag":597,"props":929,"children":930},{"style":749},[931],{"type":48,"value":752},{"type":42,"tag":597,"props":933,"children":934},{"style":614},[935],{"type":48,"value":678},{"type":42,"tag":597,"props":937,"children":938},{"style":646},[939],{"type":48,"value":940},"4",{"type":42,"tag":597,"props":942,"children":943},{"style":614},[944],{"type":48,"value":766},{"type":42,"tag":597,"props":946,"children":947},{"style":614},[948],{"type":48,"value":771},{"type":42,"tag":597,"props":950,"children":951},{"style":635},[952],{"type":48,"value":776},{"type":42,"tag":597,"props":954,"children":955},{"style":614},[956],{"type":48,"value":643},{"type":42,"tag":597,"props":958,"children":959},{"style":646},[960],{"type":48,"value":961}," 0.4s",{"type":42,"tag":597,"props":963,"children":964},{"style":614},[965],{"type":48,"value":790},{"type":42,"tag":597,"props":967,"children":968},{"style":614},[969],{"type":48,"value":795},{"type":42,"tag":597,"props":971,"children":972},{"class":599,"line":29},[973],{"type":42,"tag":597,"props":974,"children":976},{"emptyLinePlaceholder":975},true,[977],{"type":48,"value":978},"\n",{"type":42,"tag":597,"props":980,"children":982},{"class":599,"line":981},12,[983,989,995],{"type":42,"tag":597,"props":984,"children":986},{"style":985},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[987],{"type":48,"value":988},"@keyframes",{"type":42,"tag":597,"props":990,"children":992},{"style":991},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[993],{"type":48,"value":994}," fadeUp",{"type":42,"tag":597,"props":996,"children":997},{"style":614},[998],{"type":48,"value":628},{"type":42,"tag":597,"props":1000,"children":1002},{"class":599,"line":1001},13,[1003,1008,1012,1017,1021,1026,1030,1035,1039,1043,1047,1052,1057],{"type":42,"tag":597,"props":1004,"children":1005},{"style":620},[1006],{"type":48,"value":1007},"  to",{"type":42,"tag":597,"props":1009,"children":1010},{"style":614},[1011],{"type":48,"value":771},{"type":42,"tag":597,"props":1013,"children":1014},{"style":635},[1015],{"type":48,"value":1016}," opacity",{"type":42,"tag":597,"props":1018,"children":1019},{"style":614},[1020],{"type":48,"value":643},{"type":42,"tag":597,"props":1022,"children":1023},{"style":646},[1024],{"type":48,"value":1025}," 1",{"type":42,"tag":597,"props":1027,"children":1028},{"style":614},[1029],{"type":48,"value":790},{"type":42,"tag":597,"props":1031,"children":1032},{"style":635},[1033],{"type":48,"value":1034}," transform",{"type":42,"tag":597,"props":1036,"children":1037},{"style":614},[1038],{"type":48,"value":643},{"type":42,"tag":597,"props":1040,"children":1041},{"style":670},[1042],{"type":48,"value":673},{"type":42,"tag":597,"props":1044,"children":1045},{"style":614},[1046],{"type":48,"value":678},{"type":42,"tag":597,"props":1048,"children":1049},{"style":646},[1050],{"type":48,"value":1051},"0",{"type":42,"tag":597,"props":1053,"children":1054},{"style":614},[1055],{"type":48,"value":1056},");",{"type":42,"tag":597,"props":1058,"children":1059},{"style":614},[1060],{"type":48,"value":795},{"type":42,"tag":597,"props":1062,"children":1064},{"class":599,"line":1063},14,[1065],{"type":42,"tag":597,"props":1066,"children":1067},{"style":614},[1068],{"type":48,"value":730},{"type":42,"tag":597,"props":1070,"children":1072},{"class":599,"line":1071},15,[1073],{"type":42,"tag":597,"props":1074,"children":1075},{"emptyLinePlaceholder":975},[1076],{"type":48,"value":978},{"type":42,"tag":597,"props":1078,"children":1080},{"class":599,"line":1079},16,[1081],{"type":42,"tag":597,"props":1082,"children":1083},{"style":604},[1084],{"type":48,"value":1085},"\u002F* Slide-in from side *\u002F\n",{"type":42,"tag":597,"props":1087,"children":1089},{"class":599,"line":1088},17,[1090,1094,1099],{"type":42,"tag":597,"props":1091,"children":1092},{"style":614},[1093],{"type":48,"value":617},{"type":42,"tag":597,"props":1095,"children":1096},{"style":620},[1097],{"type":48,"value":1098},"slide-in-left",{"type":42,"tag":597,"props":1100,"children":1101},{"style":614},[1102],{"type":48,"value":628},{"type":42,"tag":597,"props":1104,"children":1106},{"class":599,"line":1105},18,[1107,1111,1115,1119],{"type":42,"tag":597,"props":1108,"children":1109},{"style":635},[1110],{"type":48,"value":638},{"type":42,"tag":597,"props":1112,"children":1113},{"style":614},[1114],{"type":48,"value":643},{"type":42,"tag":597,"props":1116,"children":1117},{"style":646},[1118],{"type":48,"value":649},{"type":42,"tag":597,"props":1120,"children":1121},{"style":614},[1122],{"type":48,"value":654},{"type":42,"tag":597,"props":1124,"children":1126},{"class":599,"line":1125},19,[1127,1131,1135,1140,1144,1149],{"type":42,"tag":597,"props":1128,"children":1129},{"style":635},[1130],{"type":48,"value":663},{"type":42,"tag":597,"props":1132,"children":1133},{"style":614},[1134],{"type":48,"value":643},{"type":42,"tag":597,"props":1136,"children":1137},{"style":670},[1138],{"type":48,"value":1139}," translateX",{"type":42,"tag":597,"props":1141,"children":1142},{"style":614},[1143],{"type":48,"value":678},{"type":42,"tag":597,"props":1145,"children":1146},{"style":646},[1147],{"type":48,"value":1148},"-40px",{"type":42,"tag":597,"props":1150,"children":1151},{"style":614},[1152],{"type":48,"value":688},{"type":42,"tag":597,"props":1154,"children":1156},{"class":599,"line":1155},20,[1157,1161,1165,1170,1175,1179],{"type":42,"tag":597,"props":1158,"children":1159},{"style":635},[1160],{"type":48,"value":697},{"type":42,"tag":597,"props":1162,"children":1163},{"style":614},[1164],{"type":48,"value":643},{"type":42,"tag":597,"props":1166,"children":1167},{"style":704},[1168],{"type":48,"value":1169}," slideInLeft ",{"type":42,"tag":597,"props":1171,"children":1172},{"style":646},[1173],{"type":48,"value":1174},"0.7s",{"type":42,"tag":597,"props":1176,"children":1177},{"style":704},[1178],{"type":48,"value":717},{"type":42,"tag":597,"props":1180,"children":1181},{"style":614},[1182],{"type":48,"value":654},{"type":42,"tag":597,"props":1184,"children":1186},{"class":599,"line":1185},21,[1187],{"type":42,"tag":597,"props":1188,"children":1189},{"style":614},[1190],{"type":48,"value":730},{"type":42,"tag":597,"props":1192,"children":1194},{"class":599,"line":1193},22,[1195,1199,1204],{"type":42,"tag":597,"props":1196,"children":1197},{"style":985},[1198],{"type":48,"value":988},{"type":42,"tag":597,"props":1200,"children":1201},{"style":991},[1202],{"type":48,"value":1203}," slideInLeft",{"type":42,"tag":597,"props":1205,"children":1206},{"style":614},[1207],{"type":48,"value":628},{"type":42,"tag":597,"props":1209,"children":1211},{"class":599,"line":1210},23,[1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260],{"type":42,"tag":597,"props":1213,"children":1214},{"style":620},[1215],{"type":48,"value":1007},{"type":42,"tag":597,"props":1217,"children":1218},{"style":614},[1219],{"type":48,"value":771},{"type":42,"tag":597,"props":1221,"children":1222},{"style":635},[1223],{"type":48,"value":1016},{"type":42,"tag":597,"props":1225,"children":1226},{"style":614},[1227],{"type":48,"value":643},{"type":42,"tag":597,"props":1229,"children":1230},{"style":646},[1231],{"type":48,"value":1025},{"type":42,"tag":597,"props":1233,"children":1234},{"style":614},[1235],{"type":48,"value":790},{"type":42,"tag":597,"props":1237,"children":1238},{"style":635},[1239],{"type":48,"value":1034},{"type":42,"tag":597,"props":1241,"children":1242},{"style":614},[1243],{"type":48,"value":643},{"type":42,"tag":597,"props":1245,"children":1246},{"style":670},[1247],{"type":48,"value":1139},{"type":42,"tag":597,"props":1249,"children":1250},{"style":614},[1251],{"type":48,"value":678},{"type":42,"tag":597,"props":1253,"children":1254},{"style":646},[1255],{"type":48,"value":1051},{"type":42,"tag":597,"props":1257,"children":1258},{"style":614},[1259],{"type":48,"value":1056},{"type":42,"tag":597,"props":1261,"children":1262},{"style":614},[1263],{"type":48,"value":795},{"type":42,"tag":597,"props":1265,"children":1267},{"class":599,"line":1266},24,[1268],{"type":42,"tag":597,"props":1269,"children":1270},{"style":614},[1271],{"type":48,"value":730},{"type":42,"tag":597,"props":1273,"children":1275},{"class":599,"line":1274},25,[1276],{"type":42,"tag":597,"props":1277,"children":1278},{"emptyLinePlaceholder":975},[1279],{"type":48,"value":978},{"type":42,"tag":597,"props":1281,"children":1283},{"class":599,"line":1282},26,[1284],{"type":42,"tag":597,"props":1285,"children":1286},{"style":604},[1287],{"type":48,"value":1288},"\u002F* Scale reveal *\u002F\n",{"type":42,"tag":597,"props":1290,"children":1292},{"class":599,"line":1291},27,[1293,1297,1302],{"type":42,"tag":597,"props":1294,"children":1295},{"style":614},[1296],{"type":48,"value":617},{"type":42,"tag":597,"props":1298,"children":1299},{"style":620},[1300],{"type":48,"value":1301},"scale-up",{"type":42,"tag":597,"props":1303,"children":1304},{"style":614},[1305],{"type":48,"value":628},{"type":42,"tag":597,"props":1307,"children":1309},{"class":599,"line":1308},28,[1310,1314,1318,1322],{"type":42,"tag":597,"props":1311,"children":1312},{"style":635},[1313],{"type":48,"value":638},{"type":42,"tag":597,"props":1315,"children":1316},{"style":614},[1317],{"type":48,"value":643},{"type":42,"tag":597,"props":1319,"children":1320},{"style":646},[1321],{"type":48,"value":649},{"type":42,"tag":597,"props":1323,"children":1324},{"style":614},[1325],{"type":48,"value":654},{"type":42,"tag":597,"props":1327,"children":1329},{"class":599,"line":1328},29,[1330,1334,1338,1343,1347,1352],{"type":42,"tag":597,"props":1331,"children":1332},{"style":635},[1333],{"type":48,"value":663},{"type":42,"tag":597,"props":1335,"children":1336},{"style":614},[1337],{"type":48,"value":643},{"type":42,"tag":597,"props":1339,"children":1340},{"style":670},[1341],{"type":48,"value":1342}," scale",{"type":42,"tag":597,"props":1344,"children":1345},{"style":614},[1346],{"type":48,"value":678},{"type":42,"tag":597,"props":1348,"children":1349},{"style":646},[1350],{"type":48,"value":1351},"0.9",{"type":42,"tag":597,"props":1353,"children":1354},{"style":614},[1355],{"type":48,"value":688},{"type":42,"tag":597,"props":1357,"children":1359},{"class":599,"line":1358},30,[1360,1364,1368,1373,1378,1382],{"type":42,"tag":597,"props":1361,"children":1362},{"style":635},[1363],{"type":48,"value":697},{"type":42,"tag":597,"props":1365,"children":1366},{"style":614},[1367],{"type":48,"value":643},{"type":42,"tag":597,"props":1369,"children":1370},{"style":704},[1371],{"type":48,"value":1372}," scaleUp ",{"type":42,"tag":597,"props":1374,"children":1375},{"style":646},[1376],{"type":48,"value":1377},"0.5s",{"type":42,"tag":597,"props":1379,"children":1380},{"style":704},[1381],{"type":48,"value":717},{"type":42,"tag":597,"props":1383,"children":1384},{"style":614},[1385],{"type":48,"value":654},{"type":42,"tag":597,"props":1387,"children":1389},{"class":599,"line":1388},31,[1390],{"type":42,"tag":597,"props":1391,"children":1392},{"style":614},[1393],{"type":48,"value":730},{"type":42,"tag":597,"props":1395,"children":1397},{"class":599,"line":1396},32,[1398,1402,1407],{"type":42,"tag":597,"props":1399,"children":1400},{"style":985},[1401],{"type":48,"value":988},{"type":42,"tag":597,"props":1403,"children":1404},{"style":991},[1405],{"type":48,"value":1406}," scaleUp",{"type":42,"tag":597,"props":1408,"children":1409},{"style":614},[1410],{"type":48,"value":628},{"type":42,"tag":597,"props":1412,"children":1414},{"class":599,"line":1413},33,[1415,1419,1423,1427,1431,1435,1439,1443,1447,1451,1455,1459,1463],{"type":42,"tag":597,"props":1416,"children":1417},{"style":620},[1418],{"type":48,"value":1007},{"type":42,"tag":597,"props":1420,"children":1421},{"style":614},[1422],{"type":48,"value":771},{"type":42,"tag":597,"props":1424,"children":1425},{"style":635},[1426],{"type":48,"value":1016},{"type":42,"tag":597,"props":1428,"children":1429},{"style":614},[1430],{"type":48,"value":643},{"type":42,"tag":597,"props":1432,"children":1433},{"style":646},[1434],{"type":48,"value":1025},{"type":42,"tag":597,"props":1436,"children":1437},{"style":614},[1438],{"type":48,"value":790},{"type":42,"tag":597,"props":1440,"children":1441},{"style":635},[1442],{"type":48,"value":1034},{"type":42,"tag":597,"props":1444,"children":1445},{"style":614},[1446],{"type":48,"value":643},{"type":42,"tag":597,"props":1448,"children":1449},{"style":670},[1450],{"type":48,"value":1342},{"type":42,"tag":597,"props":1452,"children":1453},{"style":614},[1454],{"type":48,"value":678},{"type":42,"tag":597,"props":1456,"children":1457},{"style":646},[1458],{"type":48,"value":761},{"type":42,"tag":597,"props":1460,"children":1461},{"style":614},[1462],{"type":48,"value":1056},{"type":42,"tag":597,"props":1464,"children":1465},{"style":614},[1466],{"type":48,"value":795},{"type":42,"tag":597,"props":1468,"children":1470},{"class":599,"line":1469},34,[1471],{"type":42,"tag":597,"props":1472,"children":1473},{"style":614},[1474],{"type":48,"value":730},{"type":42,"tag":597,"props":1476,"children":1478},{"class":599,"line":1477},35,[1479],{"type":42,"tag":597,"props":1480,"children":1481},{"emptyLinePlaceholder":975},[1482],{"type":48,"value":978},{"type":42,"tag":597,"props":1484,"children":1486},{"class":599,"line":1485},36,[1487],{"type":42,"tag":597,"props":1488,"children":1489},{"style":604},[1490],{"type":48,"value":1491},"\u002F* Continuous float — decorative elements *\u002F\n",{"type":42,"tag":597,"props":1493,"children":1495},{"class":599,"line":1494},37,[1496,1500,1505],{"type":42,"tag":597,"props":1497,"children":1498},{"style":614},[1499],{"type":48,"value":617},{"type":42,"tag":597,"props":1501,"children":1502},{"style":620},[1503],{"type":48,"value":1504},"float",{"type":42,"tag":597,"props":1506,"children":1507},{"style":614},[1508],{"type":48,"value":628},{"type":42,"tag":597,"props":1510,"children":1512},{"class":599,"line":1511},38,[1513,1517,1521,1526,1531,1536],{"type":42,"tag":597,"props":1514,"children":1515},{"style":635},[1516],{"type":48,"value":697},{"type":42,"tag":597,"props":1518,"children":1519},{"style":614},[1520],{"type":48,"value":643},{"type":42,"tag":597,"props":1522,"children":1523},{"style":704},[1524],{"type":48,"value":1525}," float ",{"type":42,"tag":597,"props":1527,"children":1528},{"style":646},[1529],{"type":48,"value":1530},"3s",{"type":42,"tag":597,"props":1532,"children":1533},{"style":704},[1534],{"type":48,"value":1535}," ease-in-out infinite",{"type":42,"tag":597,"props":1537,"children":1538},{"style":614},[1539],{"type":48,"value":654},{"type":42,"tag":597,"props":1541,"children":1543},{"class":599,"line":1542},39,[1544],{"type":42,"tag":597,"props":1545,"children":1546},{"style":614},[1547],{"type":48,"value":730},{"type":42,"tag":597,"props":1549,"children":1551},{"class":599,"line":1550},40,[1552,1556,1561],{"type":42,"tag":597,"props":1553,"children":1554},{"style":985},[1555],{"type":48,"value":988},{"type":42,"tag":597,"props":1557,"children":1558},{"style":991},[1559],{"type":48,"value":1560}," float",{"type":42,"tag":597,"props":1562,"children":1563},{"style":614},[1564],{"type":48,"value":628},{"type":42,"tag":597,"props":1566,"children":1568},{"class":599,"line":1567},41,[1569,1574,1579,1584,1588,1592,1596,1600,1604,1608,1612],{"type":42,"tag":597,"props":1570,"children":1571},{"style":620},[1572],{"type":48,"value":1573},"  0%",{"type":42,"tag":597,"props":1575,"children":1576},{"style":704},[1577],{"type":48,"value":1578},", ",{"type":42,"tag":597,"props":1580,"children":1581},{"style":620},[1582],{"type":48,"value":1583},"100%",{"type":42,"tag":597,"props":1585,"children":1586},{"style":614},[1587],{"type":48,"value":771},{"type":42,"tag":597,"props":1589,"children":1590},{"style":635},[1591],{"type":48,"value":1034},{"type":42,"tag":597,"props":1593,"children":1594},{"style":614},[1595],{"type":48,"value":643},{"type":42,"tag":597,"props":1597,"children":1598},{"style":670},[1599],{"type":48,"value":673},{"type":42,"tag":597,"props":1601,"children":1602},{"style":614},[1603],{"type":48,"value":678},{"type":42,"tag":597,"props":1605,"children":1606},{"style":646},[1607],{"type":48,"value":1051},{"type":42,"tag":597,"props":1609,"children":1610},{"style":614},[1611],{"type":48,"value":1056},{"type":42,"tag":597,"props":1613,"children":1614},{"style":614},[1615],{"type":48,"value":795},{"type":42,"tag":597,"props":1617,"children":1619},{"class":599,"line":1618},42,[1620,1625,1629,1633,1637,1641,1645,1650,1654],{"type":42,"tag":597,"props":1621,"children":1622},{"style":620},[1623],{"type":48,"value":1624},"  50%",{"type":42,"tag":597,"props":1626,"children":1627},{"style":614},[1628],{"type":48,"value":771},{"type":42,"tag":597,"props":1630,"children":1631},{"style":635},[1632],{"type":48,"value":1034},{"type":42,"tag":597,"props":1634,"children":1635},{"style":614},[1636],{"type":48,"value":643},{"type":42,"tag":597,"props":1638,"children":1639},{"style":670},[1640],{"type":48,"value":673},{"type":42,"tag":597,"props":1642,"children":1643},{"style":614},[1644],{"type":48,"value":678},{"type":42,"tag":597,"props":1646,"children":1647},{"style":646},[1648],{"type":48,"value":1649},"-10px",{"type":42,"tag":597,"props":1651,"children":1652},{"style":614},[1653],{"type":48,"value":1056},{"type":42,"tag":597,"props":1655,"children":1656},{"style":614},[1657],{"type":48,"value":795},{"type":42,"tag":597,"props":1659,"children":1661},{"class":599,"line":1660},43,[1662],{"type":42,"tag":597,"props":1663,"children":1664},{"style":614},[1665],{"type":48,"value":730},{"type":42,"tag":597,"props":1667,"children":1669},{"class":599,"line":1668},44,[1670],{"type":42,"tag":597,"props":1671,"children":1672},{"emptyLinePlaceholder":975},[1673],{"type":48,"value":978},{"type":42,"tag":597,"props":1675,"children":1677},{"class":599,"line":1676},45,[1678],{"type":42,"tag":597,"props":1679,"children":1680},{"style":604},[1681],{"type":48,"value":1682},"\u002F* Gradient background animation *\u002F\n",{"type":42,"tag":597,"props":1684,"children":1686},{"class":599,"line":1685},46,[1687,1691,1696],{"type":42,"tag":597,"props":1688,"children":1689},{"style":614},[1690],{"type":48,"value":617},{"type":42,"tag":597,"props":1692,"children":1693},{"style":620},[1694],{"type":48,"value":1695},"gradient-shift",{"type":42,"tag":597,"props":1697,"children":1698},{"style":614},[1699],{"type":48,"value":628},{"type":42,"tag":597,"props":1701,"children":1703},{"class":599,"line":1702},47,[1704,1709,1713,1718,1722],{"type":42,"tag":597,"props":1705,"children":1706},{"style":635},[1707],{"type":48,"value":1708},"  background-size",{"type":42,"tag":597,"props":1710,"children":1711},{"style":614},[1712],{"type":48,"value":643},{"type":42,"tag":597,"props":1714,"children":1715},{"style":646},[1716],{"type":48,"value":1717}," 200%",{"type":42,"tag":597,"props":1719,"children":1720},{"style":646},[1721],{"type":48,"value":1717},{"type":42,"tag":597,"props":1723,"children":1724},{"style":614},[1725],{"type":48,"value":654},{"type":42,"tag":597,"props":1727,"children":1729},{"class":599,"line":1728},48,[1730,1734,1738,1743,1748,1753],{"type":42,"tag":597,"props":1731,"children":1732},{"style":635},[1733],{"type":48,"value":697},{"type":42,"tag":597,"props":1735,"children":1736},{"style":614},[1737],{"type":48,"value":643},{"type":42,"tag":597,"props":1739,"children":1740},{"style":704},[1741],{"type":48,"value":1742}," gradientShift ",{"type":42,"tag":597,"props":1744,"children":1745},{"style":646},[1746],{"type":48,"value":1747},"8s",{"type":42,"tag":597,"props":1749,"children":1750},{"style":704},[1751],{"type":48,"value":1752}," ease infinite",{"type":42,"tag":597,"props":1754,"children":1755},{"style":614},[1756],{"type":48,"value":654},{"type":42,"tag":597,"props":1758,"children":1760},{"class":599,"line":1759},49,[1761],{"type":42,"tag":597,"props":1762,"children":1763},{"style":614},[1764],{"type":48,"value":730},{"type":42,"tag":597,"props":1766,"children":1768},{"class":599,"line":1767},50,[1769,1773,1778],{"type":42,"tag":597,"props":1770,"children":1771},{"style":985},[1772],{"type":48,"value":988},{"type":42,"tag":597,"props":1774,"children":1775},{"style":991},[1776],{"type":48,"value":1777}," gradientShift",{"type":42,"tag":597,"props":1779,"children":1780},{"style":614},[1781],{"type":48,"value":628},{"type":42,"tag":597,"props":1783,"children":1785},{"class":599,"line":1784},51,[1786,1790,1794,1799,1803,1808,1813,1817],{"type":42,"tag":597,"props":1787,"children":1788},{"style":620},[1789],{"type":48,"value":1573},{"type":42,"tag":597,"props":1791,"children":1792},{"style":614},[1793],{"type":48,"value":771},{"type":42,"tag":597,"props":1795,"children":1796},{"style":635},[1797],{"type":48,"value":1798}," background-position",{"type":42,"tag":597,"props":1800,"children":1801},{"style":614},[1802],{"type":48,"value":643},{"type":42,"tag":597,"props":1804,"children":1805},{"style":646},[1806],{"type":48,"value":1807}," 0%",{"type":42,"tag":597,"props":1809,"children":1810},{"style":646},[1811],{"type":48,"value":1812}," 50%",{"type":42,"tag":597,"props":1814,"children":1815},{"style":614},[1816],{"type":48,"value":790},{"type":42,"tag":597,"props":1818,"children":1819},{"style":614},[1820],{"type":48,"value":795},{"type":42,"tag":597,"props":1822,"children":1824},{"class":599,"line":1823},52,[1825,1829,1833,1837,1841,1846,1850,1854],{"type":42,"tag":597,"props":1826,"children":1827},{"style":620},[1828],{"type":48,"value":1624},{"type":42,"tag":597,"props":1830,"children":1831},{"style":614},[1832],{"type":48,"value":771},{"type":42,"tag":597,"props":1834,"children":1835},{"style":635},[1836],{"type":48,"value":1798},{"type":42,"tag":597,"props":1838,"children":1839},{"style":614},[1840],{"type":48,"value":643},{"type":42,"tag":597,"props":1842,"children":1843},{"style":646},[1844],{"type":48,"value":1845}," 100%",{"type":42,"tag":597,"props":1847,"children":1848},{"style":646},[1849],{"type":48,"value":1812},{"type":42,"tag":597,"props":1851,"children":1852},{"style":614},[1853],{"type":48,"value":790},{"type":42,"tag":597,"props":1855,"children":1856},{"style":614},[1857],{"type":48,"value":795},{"type":42,"tag":597,"props":1859,"children":1861},{"class":599,"line":1860},53,[1862,1867,1871,1875,1879,1883,1887,1891],{"type":42,"tag":597,"props":1863,"children":1864},{"style":620},[1865],{"type":48,"value":1866},"  100%",{"type":42,"tag":597,"props":1868,"children":1869},{"style":614},[1870],{"type":48,"value":771},{"type":42,"tag":597,"props":1872,"children":1873},{"style":635},[1874],{"type":48,"value":1798},{"type":42,"tag":597,"props":1876,"children":1877},{"style":614},[1878],{"type":48,"value":643},{"type":42,"tag":597,"props":1880,"children":1881},{"style":646},[1882],{"type":48,"value":1807},{"type":42,"tag":597,"props":1884,"children":1885},{"style":646},[1886],{"type":48,"value":1812},{"type":42,"tag":597,"props":1888,"children":1889},{"style":614},[1890],{"type":48,"value":790},{"type":42,"tag":597,"props":1892,"children":1893},{"style":614},[1894],{"type":48,"value":795},{"type":42,"tag":597,"props":1896,"children":1898},{"class":599,"line":1897},54,[1899],{"type":42,"tag":597,"props":1900,"children":1901},{"style":614},[1902],{"type":48,"value":730},{"type":42,"tag":597,"props":1904,"children":1906},{"class":599,"line":1905},55,[1907],{"type":42,"tag":597,"props":1908,"children":1909},{"emptyLinePlaceholder":975},[1910],{"type":48,"value":978},{"type":42,"tag":597,"props":1912,"children":1914},{"class":599,"line":1913},56,[1915],{"type":42,"tag":597,"props":1916,"children":1917},{"style":604},[1918],{"type":48,"value":1919},"\u002F* Hover transitions *\u002F\n",{"type":42,"tag":597,"props":1921,"children":1923},{"class":599,"line":1922},57,[1924,1928,1933],{"type":42,"tag":597,"props":1925,"children":1926},{"style":614},[1927],{"type":48,"value":617},{"type":42,"tag":597,"props":1929,"children":1930},{"style":620},[1931],{"type":48,"value":1932},"hover-lift",{"type":42,"tag":597,"props":1934,"children":1935},{"style":614},[1936],{"type":48,"value":628},{"type":42,"tag":597,"props":1938,"children":1940},{"class":599,"line":1939},58,[1941,1946,1950,1955,1960,1965,1970,1975,1979,1983],{"type":42,"tag":597,"props":1942,"children":1943},{"style":635},[1944],{"type":48,"value":1945},"  transition",{"type":42,"tag":597,"props":1947,"children":1948},{"style":614},[1949],{"type":48,"value":643},{"type":42,"tag":597,"props":1951,"children":1952},{"style":704},[1953],{"type":48,"value":1954}," transform ",{"type":42,"tag":597,"props":1956,"children":1957},{"style":646},[1958],{"type":48,"value":1959},"0.2s",{"type":42,"tag":597,"props":1961,"children":1962},{"style":704},[1963],{"type":48,"value":1964}," ease",{"type":42,"tag":597,"props":1966,"children":1967},{"style":614},[1968],{"type":48,"value":1969},",",{"type":42,"tag":597,"props":1971,"children":1972},{"style":704},[1973],{"type":48,"value":1974}," box-shadow ",{"type":42,"tag":597,"props":1976,"children":1977},{"style":646},[1978],{"type":48,"value":1959},{"type":42,"tag":597,"props":1980,"children":1981},{"style":704},[1982],{"type":48,"value":1964},{"type":42,"tag":597,"props":1984,"children":1985},{"style":614},[1986],{"type":48,"value":654},{"type":42,"tag":597,"props":1988,"children":1990},{"class":599,"line":1989},59,[1991],{"type":42,"tag":597,"props":1992,"children":1993},{"style":614},[1994],{"type":48,"value":730},{"type":42,"tag":597,"props":1996,"children":1998},{"class":599,"line":1997},60,[1999,2003,2007,2011,2016],{"type":42,"tag":597,"props":2000,"children":2001},{"style":614},[2002],{"type":48,"value":617},{"type":42,"tag":597,"props":2004,"children":2005},{"style":620},[2006],{"type":48,"value":1932},{"type":42,"tag":597,"props":2008,"children":2009},{"style":614},[2010],{"type":48,"value":643},{"type":42,"tag":597,"props":2012,"children":2013},{"style":749},[2014],{"type":48,"value":2015},"hover",{"type":42,"tag":597,"props":2017,"children":2018},{"style":614},[2019],{"type":48,"value":628},{"type":42,"tag":597,"props":2021,"children":2023},{"class":599,"line":2022},61,[2024,2028,2032,2036,2040,2045],{"type":42,"tag":597,"props":2025,"children":2026},{"style":635},[2027],{"type":48,"value":663},{"type":42,"tag":597,"props":2029,"children":2030},{"style":614},[2031],{"type":48,"value":643},{"type":42,"tag":597,"props":2033,"children":2034},{"style":670},[2035],{"type":48,"value":673},{"type":42,"tag":597,"props":2037,"children":2038},{"style":614},[2039],{"type":48,"value":678},{"type":42,"tag":597,"props":2041,"children":2042},{"style":646},[2043],{"type":48,"value":2044},"-4px",{"type":42,"tag":597,"props":2046,"children":2047},{"style":614},[2048],{"type":48,"value":688},{"type":42,"tag":597,"props":2050,"children":2052},{"class":599,"line":2051},62,[2053,2058,2062,2066,2071,2076,2081,2085,2089,2093,2097,2101,2105,2109,2114],{"type":42,"tag":597,"props":2054,"children":2055},{"style":635},[2056],{"type":48,"value":2057},"  box-shadow",{"type":42,"tag":597,"props":2059,"children":2060},{"style":614},[2061],{"type":48,"value":643},{"type":42,"tag":597,"props":2063,"children":2064},{"style":646},[2065],{"type":48,"value":649},{"type":42,"tag":597,"props":2067,"children":2068},{"style":646},[2069],{"type":48,"value":2070}," 12px",{"type":42,"tag":597,"props":2072,"children":2073},{"style":646},[2074],{"type":48,"value":2075}," 24px",{"type":42,"tag":597,"props":2077,"children":2078},{"style":670},[2079],{"type":48,"value":2080}," rgba",{"type":42,"tag":597,"props":2082,"children":2083},{"style":614},[2084],{"type":48,"value":678},{"type":42,"tag":597,"props":2086,"children":2087},{"style":646},[2088],{"type":48,"value":1051},{"type":42,"tag":597,"props":2090,"children":2091},{"style":614},[2092],{"type":48,"value":1969},{"type":42,"tag":597,"props":2094,"children":2095},{"style":646},[2096],{"type":48,"value":1051},{"type":42,"tag":597,"props":2098,"children":2099},{"style":614},[2100],{"type":48,"value":1969},{"type":42,"tag":597,"props":2102,"children":2103},{"style":646},[2104],{"type":48,"value":1051},{"type":42,"tag":597,"props":2106,"children":2107},{"style":614},[2108],{"type":48,"value":1969},{"type":42,"tag":597,"props":2110,"children":2111},{"style":646},[2112],{"type":48,"value":2113},"0.15",{"type":42,"tag":597,"props":2115,"children":2116},{"style":614},[2117],{"type":48,"value":688},{"type":42,"tag":597,"props":2119,"children":2121},{"class":599,"line":2120},63,[2122],{"type":42,"tag":597,"props":2123,"children":2124},{"style":614},[2125],{"type":48,"value":730},{"type":42,"tag":597,"props":2127,"children":2129},{"class":599,"line":2128},64,[2130],{"type":42,"tag":597,"props":2131,"children":2132},{"emptyLinePlaceholder":975},[2133],{"type":48,"value":978},{"type":42,"tag":597,"props":2135,"children":2137},{"class":599,"line":2136},65,[2138],{"type":42,"tag":597,"props":2139,"children":2140},{"style":604},[2141],{"type":48,"value":2142},"\u002F* Accessibility: always include *\u002F\n",{"type":42,"tag":597,"props":2144,"children":2146},{"class":599,"line":2145},66,[2147,2152,2157,2162,2166,2171,2175],{"type":42,"tag":597,"props":2148,"children":2149},{"style":985},[2150],{"type":48,"value":2151},"@media",{"type":42,"tag":597,"props":2153,"children":2154},{"style":614},[2155],{"type":48,"value":2156}," (",{"type":42,"tag":597,"props":2158,"children":2159},{"style":704},[2160],{"type":48,"value":2161},"prefers-reduced-motion",{"type":42,"tag":597,"props":2163,"children":2164},{"style":614},[2165],{"type":48,"value":643},{"type":42,"tag":597,"props":2167,"children":2168},{"style":704},[2169],{"type":48,"value":2170}," reduce",{"type":42,"tag":597,"props":2172,"children":2173},{"style":614},[2174],{"type":48,"value":766},{"type":42,"tag":597,"props":2176,"children":2177},{"style":614},[2178],{"type":48,"value":628},{"type":42,"tag":597,"props":2180,"children":2182},{"class":599,"line":2181},67,[2183,2188,2192,2197,2202,2207,2211,2215,2219,2224],{"type":42,"tag":597,"props":2184,"children":2185},{"style":620},[2186],{"type":48,"value":2187},"  *",{"type":42,"tag":597,"props":2189,"children":2190},{"style":614},[2191],{"type":48,"value":1969},{"type":42,"tag":597,"props":2193,"children":2194},{"style":620},[2195],{"type":48,"value":2196}," *",{"type":42,"tag":597,"props":2198,"children":2199},{"style":614},[2200],{"type":48,"value":2201},"::",{"type":42,"tag":597,"props":2203,"children":2204},{"style":749},[2205],{"type":48,"value":2206},"before",{"type":42,"tag":597,"props":2208,"children":2209},{"style":614},[2210],{"type":48,"value":1969},{"type":42,"tag":597,"props":2212,"children":2213},{"style":620},[2214],{"type":48,"value":2196},{"type":42,"tag":597,"props":2216,"children":2217},{"style":614},[2218],{"type":48,"value":2201},{"type":42,"tag":597,"props":2220,"children":2221},{"style":749},[2222],{"type":48,"value":2223},"after",{"type":42,"tag":597,"props":2225,"children":2226},{"style":614},[2227],{"type":48,"value":628},{"type":42,"tag":597,"props":2229,"children":2231},{"class":599,"line":2230},68,[2232,2237,2241,2246,2251],{"type":42,"tag":597,"props":2233,"children":2234},{"style":635},[2235],{"type":48,"value":2236},"    animation-duration",{"type":42,"tag":597,"props":2238,"children":2239},{"style":614},[2240],{"type":48,"value":643},{"type":42,"tag":597,"props":2242,"children":2243},{"style":646},[2244],{"type":48,"value":2245}," 0.01ms",{"type":42,"tag":597,"props":2247,"children":2248},{"style":646},[2249],{"type":48,"value":2250}," !important",{"type":42,"tag":597,"props":2252,"children":2253},{"style":614},[2254],{"type":48,"value":654},{"type":42,"tag":597,"props":2256,"children":2258},{"class":599,"line":2257},69,[2259,2264,2268,2272,2276],{"type":42,"tag":597,"props":2260,"children":2261},{"style":635},[2262],{"type":48,"value":2263},"    transition-duration",{"type":42,"tag":597,"props":2265,"children":2266},{"style":614},[2267],{"type":48,"value":643},{"type":42,"tag":597,"props":2269,"children":2270},{"style":646},[2271],{"type":48,"value":2245},{"type":42,"tag":597,"props":2273,"children":2274},{"style":646},[2275],{"type":48,"value":2250},{"type":42,"tag":597,"props":2277,"children":2278},{"style":614},[2279],{"type":48,"value":654},{"type":42,"tag":597,"props":2281,"children":2283},{"class":599,"line":2282},70,[2284],{"type":42,"tag":597,"props":2285,"children":2286},{"style":614},[2287],{"type":48,"value":2288},"  }\n",{"type":42,"tag":597,"props":2290,"children":2292},{"class":599,"line":2291},71,[2293],{"type":42,"tag":597,"props":2294,"children":2295},{"style":614},[2296],{"type":48,"value":730},{"type":42,"tag":51,"props":2298,"children":2299},{},[2300],{"type":42,"tag":72,"props":2301,"children":2302},{},[2303],{"type":48,"value":2304},"Orchestration guidance:",{"type":42,"tag":64,"props":2306,"children":2307},{},[2308,2318,2328,2337],{"type":42,"tag":68,"props":2309,"children":2310},{},[2311,2316],{"type":42,"tag":72,"props":2312,"children":2313},{},[2314],{"type":48,"value":2315},"Pick 2-3 motion techniques per site",{"type":48,"value":2317}," and use them consistently, subtly — don't scatter every technique across a single page",{"type":42,"tag":68,"props":2319,"children":2320},{},[2321,2326],{"type":42,"tag":72,"props":2322,"children":2323},{},[2324],{"type":48,"value":2325},"Match motion to personality",{"type":48,"value":2327},": tech sites = precise, snappy timing; luxury = slow, elegant easing; playful = bouncy, energetic curves",{"type":42,"tag":68,"props":2329,"children":2330},{},[2331,2335],{"type":42,"tag":72,"props":2332,"children":2333},{},[2334],{"type":48,"value":505},{"type":48,"value":2336}," should follow a clear reading order — top-to-bottom, left-to-right stagger",{"type":42,"tag":68,"props":2338,"children":2339},{},[2340,2345],{"type":42,"tag":72,"props":2341,"children":2342},{},[2343],{"type":48,"value":2344},"Scroll reveals",{"type":48,"value":2346}," are the highest-impact pattern: sections animate as they enter the viewport, creating a sense of narrative progression",{"type":42,"tag":91,"props":2348,"children":2350},{"id":2349},"spatial-composition",[2351],{"type":48,"value":2352},"Spatial Composition",{"type":42,"tag":51,"props":2354,"children":2355},{},[2356],{"type":48,"value":2357},"Break out of predictable layouts. Use unexpected layouts and avoid generic patterns:",{"type":42,"tag":64,"props":2359,"children":2360},{},[2361,2371,2381,2391,2401],{"type":42,"tag":68,"props":2362,"children":2363},{},[2364,2369],{"type":42,"tag":72,"props":2365,"children":2366},{},[2367],{"type":48,"value":2368},"Asymmetry",{"type":48,"value":2370},": Off-center elements create visual interest",{"type":42,"tag":68,"props":2372,"children":2373},{},[2374,2379],{"type":42,"tag":72,"props":2375,"children":2376},{},[2377],{"type":48,"value":2378},"Overlap",{"type":48,"value":2380},": Elements crossing boundaries add depth",{"type":42,"tag":68,"props":2382,"children":2383},{},[2384,2389],{"type":42,"tag":72,"props":2385,"children":2386},{},[2387],{"type":48,"value":2388},"Diagonal flow",{"type":48,"value":2390},": Guide the eye with angled elements",{"type":42,"tag":68,"props":2392,"children":2393},{},[2394,2399],{"type":42,"tag":72,"props":2395,"children":2396},{},[2397],{"type":48,"value":2398},"Grid-breaking",{"type":48,"value":2400},": Strategic elements that escape the grid",{"type":42,"tag":68,"props":2402,"children":2403},{},[2404,2409],{"type":42,"tag":72,"props":2405,"children":2406},{},[2407],{"type":48,"value":2408},"Negative space",{"type":48,"value":2410},": Generous whitespace OR controlled density (pick one)",{"type":42,"tag":51,"props":2412,"children":2413},{},[2414],{"type":48,"value":2415},"Interpret creatively and make unexpected choices that feel genuinely designed for the context.",{"type":42,"tag":91,"props":2417,"children":2419},{"id":2418},"backgrounds-visual-details",[2420],{"type":48,"value":2421},"Backgrounds & Visual Details",{"type":42,"tag":51,"props":2423,"children":2424},{},[2425],{"type":48,"value":2426},"Create atmosphere and depth rather than defaulting to solid colors:",{"type":42,"tag":471,"props":2428,"children":2429},{},[2430,2446],{"type":42,"tag":475,"props":2431,"children":2432},{},[2433],{"type":42,"tag":479,"props":2434,"children":2435},{},[2436,2441],{"type":42,"tag":483,"props":2437,"children":2438},{},[2439],{"type":48,"value":2440},"Technique",{"type":42,"tag":483,"props":2442,"children":2443},{},[2444],{"type":48,"value":2445},"Use Case",{"type":42,"tag":494,"props":2447,"children":2448},{},[2449,2462,2475,2488,2501,2514,2527],{"type":42,"tag":479,"props":2450,"children":2451},{},[2452,2457],{"type":42,"tag":501,"props":2453,"children":2454},{},[2455],{"type":48,"value":2456},"Gradient meshes",{"type":42,"tag":501,"props":2458,"children":2459},{},[2460],{"type":48,"value":2461},"Modern, dynamic feel",{"type":42,"tag":479,"props":2463,"children":2464},{},[2465,2470],{"type":42,"tag":501,"props":2466,"children":2467},{},[2468],{"type":48,"value":2469},"Noise textures",{"type":42,"tag":501,"props":2471,"children":2472},{},[2473],{"type":48,"value":2474},"Warmth, tactile quality",{"type":42,"tag":479,"props":2476,"children":2477},{},[2478,2483],{"type":42,"tag":501,"props":2479,"children":2480},{},[2481],{"type":48,"value":2482},"Geometric patterns",{"type":42,"tag":501,"props":2484,"children":2485},{},[2486],{"type":48,"value":2487},"Tech, precision",{"type":42,"tag":479,"props":2489,"children":2490},{},[2491,2496],{"type":42,"tag":501,"props":2492,"children":2493},{},[2494],{"type":48,"value":2495},"Layered transparencies",{"type":42,"tag":501,"props":2497,"children":2498},{},[2499],{"type":48,"value":2500},"Depth, sophistication",{"type":42,"tag":479,"props":2502,"children":2503},{},[2504,2509],{"type":42,"tag":501,"props":2505,"children":2506},{},[2507],{"type":48,"value":2508},"Dramatic shadows",{"type":42,"tag":501,"props":2510,"children":2511},{},[2512],{"type":48,"value":2513},"Premium, elevated",{"type":42,"tag":479,"props":2515,"children":2516},{},[2517,2522],{"type":42,"tag":501,"props":2518,"children":2519},{},[2520],{"type":48,"value":2521},"Decorative borders",{"type":42,"tag":501,"props":2523,"children":2524},{},[2525],{"type":48,"value":2526},"Editorial, structured",{"type":42,"tag":479,"props":2528,"children":2529},{},[2530,2535],{"type":42,"tag":501,"props":2531,"children":2532},{},[2533],{"type":48,"value":2534},"Grain overlays",{"type":42,"tag":501,"props":2536,"children":2537},{},[2538],{"type":48,"value":2539},"Vintage, analog feel",{"type":42,"tag":91,"props":2541,"children":2543},{"id":2542},"iconography",[2544],{"type":48,"value":2545},"Iconography",{"type":42,"tag":64,"props":2547,"children":2548},{},[2549,2554,2559],{"type":42,"tag":68,"props":2550,"children":2551},{},[2552],{"type":48,"value":2553},"Use custom-designed SVG icons that align with the theme's aesthetic",{"type":42,"tag":68,"props":2555,"children":2556},{},[2557],{"type":48,"value":2558},"Maintain consistent stroke width and style",{"type":42,"tag":68,"props":2560,"children":2561},{},[2562],{"type":48,"value":2563},"Icons should complement, not compete with content",{"type":42,"tag":57,"props":2565,"children":2567},{"id":2566},"matching-complexity-to-vision",[2568],{"type":48,"value":2569},"Matching Complexity to Vision",{"type":42,"tag":51,"props":2571,"children":2572},{},[2573,2578],{"type":42,"tag":72,"props":2574,"children":2575},{},[2576],{"type":48,"value":2577},"IMPORTANT",{"type":48,"value":2579},": Match implementation complexity to the aesthetic vision.",{"type":42,"tag":51,"props":2581,"children":2582},{},[2583],{"type":42,"tag":72,"props":2584,"children":2585},{},[2586],{"type":48,"value":2587},"Maximalist designs need:",{"type":42,"tag":64,"props":2589,"children":2590},{},[2591,2596,2601,2606],{"type":42,"tag":68,"props":2592,"children":2593},{},[2594],{"type":48,"value":2595},"Elaborate code with extensive animations",{"type":42,"tag":68,"props":2597,"children":2598},{},[2599],{"type":48,"value":2600},"Multiple visual layers",{"type":42,"tag":68,"props":2602,"children":2603},{},[2604],{"type":48,"value":2605},"Rich interactive effects",{"type":42,"tag":68,"props":2607,"children":2608},{},[2609],{"type":48,"value":2610},"Dense styling",{"type":42,"tag":51,"props":2612,"children":2613},{},[2614],{"type":42,"tag":72,"props":2615,"children":2616},{},[2617],{"type":48,"value":2618},"Minimalist designs need:",{"type":42,"tag":64,"props":2620,"children":2621},{},[2622,2627,2632,2637],{"type":42,"tag":68,"props":2623,"children":2624},{},[2625],{"type":48,"value":2626},"Restraint and precision",{"type":42,"tag":68,"props":2628,"children":2629},{},[2630],{"type":48,"value":2631},"Careful attention to spacing",{"type":42,"tag":68,"props":2633,"children":2634},{},[2635],{"type":48,"value":2636},"Subtle typography refinements",{"type":42,"tag":68,"props":2638,"children":2639},{},[2640],{"type":48,"value":2641},"Every detail intentional",{"type":42,"tag":51,"props":2643,"children":2644},{},[2645],{"type":48,"value":2646},"Elegance comes from executing the vision well, not from adding more features.",{"type":42,"tag":57,"props":2648,"children":2650},{"id":2649},"design-variety-and-variation",[2651],{"type":48,"value":2652},"Design Variety and Variation",{"type":42,"tag":51,"props":2654,"children":2655},{},[2656],{"type":48,"value":2657},"When generating multiple designs:",{"type":42,"tag":91,"props":2659,"children":2661},{"id":2660},"never-converge",[2662],{"type":48,"value":2663},"Never Converge",{"type":42,"tag":64,"props":2665,"children":2666},{},[2667,2677,2682,2687],{"type":42,"tag":68,"props":2668,"children":2669},{},[2670,2675],{"type":42,"tag":72,"props":2671,"children":2672},{},[2673],{"type":48,"value":2674},"NEVER converge",{"type":48,"value":2676}," on the same choices across generations",{"type":42,"tag":68,"props":2678,"children":2679},{},[2680],{"type":48,"value":2681},"No design should be the same",{"type":42,"tag":68,"props":2683,"children":2684},{},[2685],{"type":48,"value":2686},"Avoid overused fonts (see AVOID list above) across generations",{"type":42,"tag":68,"props":2688,"children":2689},{},[2690],{"type":48,"value":2691},"Each design should feel genuinely different",{"type":42,"tag":91,"props":2693,"children":2695},{"id":2694},"vary-core-elements",[2696],{"type":48,"value":2697},"Vary Core Elements",{"type":42,"tag":51,"props":2699,"children":2700},{},[2701],{"type":42,"tag":72,"props":2702,"children":2703},{},[2704],{"type":48,"value":2705},"Color Variation:",{"type":42,"tag":64,"props":2707,"children":2708},{},[2709,2714,2719],{"type":42,"tag":68,"props":2710,"children":2711},{},[2712],{"type":48,"value":2713},"Mix light and dark themes",{"type":42,"tag":68,"props":2715,"children":2716},{},[2717],{"type":48,"value":2718},"Mix warm and cool palettes",{"type":42,"tag":68,"props":2720,"children":2721},{},[2722],{"type":48,"value":2723},"Mix monochromatic and colorful approaches",{"type":42,"tag":51,"props":2725,"children":2726},{},[2727],{"type":42,"tag":72,"props":2728,"children":2729},{},[2730],{"type":48,"value":2731},"Typography Variation:",{"type":42,"tag":64,"props":2733,"children":2734},{},[2735,2740,2745,2750],{"type":42,"tag":68,"props":2736,"children":2737},{},[2738],{"type":48,"value":2739},"Use different font combinations each time",{"type":42,"tag":68,"props":2741,"children":2742},{},[2743],{"type":48,"value":2744},"Mix serif and sans-serif headings",{"type":42,"tag":68,"props":2746,"children":2747},{},[2748],{"type":48,"value":2749},"Mix elegant and bold type treatments",{"type":42,"tag":68,"props":2751,"children":2752},{},[2753],{"type":48,"value":2754},"Vary type scale and hierarchy",{"type":42,"tag":51,"props":2756,"children":2757},{},[2758],{"type":42,"tag":72,"props":2759,"children":2760},{},[2761],{"type":48,"value":2762},"Layout Variation:",{"type":42,"tag":64,"props":2764,"children":2765},{},[2766,2771,2776],{"type":42,"tag":68,"props":2767,"children":2768},{},[2769],{"type":48,"value":2770},"Mix full-width and contained layouts",{"type":42,"tag":68,"props":2772,"children":2773},{},[2774],{"type":48,"value":2775},"Mix asymmetric and symmetric compositions",{"type":42,"tag":68,"props":2777,"children":2778},{},[2779],{"type":48,"value":2780},"Vary density (spacious vs. compact)",{"type":42,"tag":51,"props":2782,"children":2783},{},[2784],{"type":42,"tag":72,"props":2785,"children":2786},{},[2787],{"type":48,"value":2788},"Style Variation:",{"type":42,"tag":64,"props":2790,"children":2791},{},[2792,2797,2802],{"type":42,"tag":68,"props":2793,"children":2794},{},[2795],{"type":48,"value":2796},"Explore different aesthetic territories",{"type":42,"tag":68,"props":2798,"children":2799},{},[2800],{"type":48,"value":2801},"Each design should feel like it could be the foundation for a distinct, complete website",{"type":42,"tag":68,"props":2803,"children":2804},{},[2805],{"type":48,"value":2806},"Avoid converging on similar solutions",{"type":42,"tag":51,"props":2808,"children":2809},{},[2810,2815],{"type":42,"tag":72,"props":2811,"children":2812},{},[2813],{"type":48,"value":2814},"Ensure significant variation:",{"type":48,"value":2816}," The designs should vary meaningfully in color palette, typography, layout approach, and mood — but every one must feel like a plausible, thoughtful design for the specific site context.",{"type":42,"tag":51,"props":2818,"children":2819},{},[2820],{"type":48,"value":2821},"Remember: Extraordinary creative work requires committing fully to a distinctive vision. Don't hold back.",{"type":42,"tag":2823,"props":2824,"children":2825},"style",{},[2826],{"type":48,"value":2827},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":2829,"total":631},[2830,2837,2851],{"slug":4,"name":4,"fn":5,"description":6,"org":2831,"tags":2832,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2833,2834,2835,2836],{"name":13,"slug":14,"type":15},{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"slug":2838,"name":2838,"fn":2839,"description":2840,"org":2841,"tags":2842,"stars":25,"repoUrl":26,"updatedAt":2850},"site-specification","extract WordPress site specifications","Extract comprehensive site specifications from simple descriptions. Use when analyzing a user's theme request to determine site type, audience, tone, layout requirements, and typography.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2843,2844,2847],{"name":23,"slug":24,"type":15},{"name":2845,"slug":2846,"type":15},"Specs","specs",{"name":2848,"slug":2849,"type":15},"WordPress","wordpress","2026-04-06T18:03:23.950929",{"slug":2852,"name":2852,"fn":2853,"description":2854,"org":2855,"tags":2856,"stars":25,"repoUrl":26,"updatedAt":2867},"wordpress-block-theming","build WordPress block themes","WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for WordPress block themes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2857,2860,2863,2866],{"name":2858,"slug":2859,"type":15},"Block Editor","block-editor",{"name":2861,"slug":2862,"type":15},"Full Site Editing","full-site-editing",{"name":2864,"slug":2865,"type":15},"Themes","themes",{"name":2848,"slug":2849,"type":15},"2026-04-06T18:03:25.231453",{"items":2869,"total":3048},[2870,2891,2905,2919,2936,2951,2965,2980,2993,3004,3019,3033],{"slug":2871,"name":2871,"fn":2872,"description":2873,"org":2874,"tags":2875,"stars":2888,"repoUrl":2889,"updatedAt":2890},"annotate","collect visual feedback with browser annotation tools","Open a browser with visual annotation tools. The user clicks elements on their site and leaves feedback — the agent reads annotations and makes changes. Use this when the user wants to point at specific elements to fix, tweak, or redesign.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2876,2879,2882,2885],{"name":2877,"slug":2878,"type":15},"Frontend","frontend",{"name":2880,"slug":2881,"type":15},"Productivity","productivity",{"name":2883,"slug":2884,"type":15},"UX Copy","ux-copy",{"name":2886,"slug":2887,"type":15},"UX Design","ux-design",484,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fstudio","2026-05-06T05:40:01.516544",{"slug":2892,"name":2892,"fn":2893,"description":2894,"org":2895,"tags":2896,"stars":2888,"repoUrl":2889,"updatedAt":2904},"block-content","write editable WordPress block markup","Write editable WordPress block markup for local Studio sites, including core\u002Fhtml limits, block-theme layout rules, full-width sections, validation, and skeleton-first page\u002FCSS recipes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2897,2898,2900,2903],{"name":2858,"slug":2859,"type":15},{"name":2899,"slug":589,"type":15},"CSS",{"name":2901,"slug":2902,"type":15},"HTML","html",{"name":2848,"slug":2849,"type":15},"2026-05-27T07:01:55.629681",{"slug":2906,"name":2906,"fn":2907,"description":2908,"org":2909,"tags":2910,"stars":2888,"repoUrl":2889,"updatedAt":2918},"hosting-plans-helper","provide WordPress.com hosting plan information","Answer WordPress.com plan, pricing, upgrade, and feature-tier questions (plan names, what each tier unlocks — plugins, themes, custom code, SSH, hosting — and current prices) from authoritative live data. Load before answering ANY plan, pricing, or feature-gating question; never answer these from memory.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2911,2914,2917],{"name":2912,"slug":2913,"type":15},"Pricing","pricing",{"name":2915,"slug":2916,"type":15},"Reference","reference",{"name":2848,"slug":2849,"type":15},"2026-07-02T07:42:33.654791",{"slug":2920,"name":2920,"fn":2921,"description":2922,"org":2923,"tags":2924,"stars":2888,"repoUrl":2889,"updatedAt":2935},"liberate","migrate websites to WordPress","Import and rebuild a website from a closed platform (Wix, Squarespace, Webflow, Shopify, GoDaddy, Hostinger, HubSpot, Weebly) into a Studio WordPress site. Extracts pages\u002Fposts\u002Fproducts + media, then reconstructs the design as editable blocks + WooCommerce OR as a high-fidelity replica theme. Invoke when the user wants to migrate, import, liberate, or rebuild a site from one of these platforms.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2925,2928,2931,2934],{"name":2926,"slug":2927,"type":15},"CMS","cms",{"name":2929,"slug":2930,"type":15},"Migration","migration",{"name":2932,"slug":2933,"type":15},"Web Development","web-development",{"name":2848,"slug":2849,"type":15},"2026-07-09T06:47:33.454311",{"slug":2937,"name":2937,"fn":2938,"description":2939,"org":2940,"tags":2941,"stars":2888,"repoUrl":2889,"updatedAt":2950},"need-for-speed","run frontend performance audits for WordPress sites","Run a frontend performance audit on a WordPress site and get actionable optimization recommendations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2942,2945,2946,2949],{"name":2943,"slug":2944,"type":15},"Audit","audit",{"name":2877,"slug":2878,"type":15},{"name":2947,"slug":2948,"type":15},"Performance","performance",{"name":2848,"slug":2849,"type":15},"2026-05-06T05:40:06.433267",{"slug":2952,"name":2952,"fn":2953,"description":2954,"org":2955,"tags":2956,"stars":2888,"repoUrl":2889,"updatedAt":2964},"plugin-recommendations","recommend WordPress plugins for site features","Choose recommended plugins and plugin-provided blocks for features core WordPress blocks do not cover - ecommerce (WooCommerce), forms and newsletters (Jetpack), online courses and quizzes (Sensei LMS), polls, surveys and ratings (Crowdsignal), spam protection (Akismet) - while keeping generated content editable and avoiding raw HTML fallbacks. Any request to sell products or build a shop, store, or storefront requires WooCommerce with products.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2957,2960,2963],{"name":2958,"slug":2959,"type":15},"Content Creation","content-creation",{"name":2961,"slug":2962,"type":15},"Plugin Development","plugin-development",{"name":2848,"slug":2849,"type":15},"2026-05-27T07:01:58.249105",{"slug":2966,"name":2966,"fn":2967,"description":2968,"org":2969,"tags":2970,"stars":2888,"repoUrl":2889,"updatedAt":2979},"rank-me-up","run on-page SEO audits for WordPress sites","Run an on-page SEO audit on a WordPress site and get actionable recommendations to improve search visibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2971,2972,2975,2978],{"name":2943,"slug":2944,"type":15},{"name":2973,"slug":2974,"type":15},"Marketing","marketing",{"name":2976,"slug":2977,"type":15},"SEO","seo",{"name":2848,"slug":2849,"type":15},"2026-05-06T05:40:05.196367",{"slug":2981,"name":2981,"fn":2982,"description":2983,"org":2984,"tags":2985,"stars":2888,"repoUrl":2889,"updatedAt":2992},"site-spec","gather specifications for new WordPress sites","Gather the site name and layout preference before building a WordPress site. Run this before creating any new site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2986,2987,2990,2991],{"name":23,"slug":24,"type":15},{"name":2988,"slug":2989,"type":15},"Product Management","product-management",{"name":2845,"slug":2846,"type":15},{"name":2848,"slug":2849,"type":15},"2026-05-06T05:40:02.739409",{"slug":2994,"name":2994,"fn":2995,"description":2996,"org":2997,"tags":2998,"stars":2888,"repoUrl":2889,"updatedAt":3003},"studio-cli","manage local WordPress sites with Studio CLI","Use the Studio CLI to manage local WordPress sites, authentication, and preview sites. Invoke this skill when you need to run Studio CLI commands, manage sites, or troubleshoot site issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2999,3002],{"name":3000,"slug":3001,"type":15},"CLI","cli",{"name":2848,"slug":2849,"type":15},"2026-04-06T18:02:57.150231",{"slug":3005,"name":3005,"fn":3006,"description":3007,"org":3008,"tags":3009,"stars":2888,"repoUrl":2889,"updatedAt":3018},"taxonomist","optimize WordPress category taxonomy","Analyze and optimize a WordPress site's category taxonomy. Exports all posts, uses AI to suggest an improved category structure — merging duplicates, retiring dead categories, creating missing ones, writing descriptions, and re-categorizing posts. Run this when the user wants to clean up or improve their categories.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3010,3013,3016,3017],{"name":3011,"slug":3012,"type":15},"Content Strategy","content-strategy",{"name":3014,"slug":3015,"type":15},"Data Cleaning","data-cleaning",{"name":2976,"slug":2977,"type":15},{"name":2848,"slug":2849,"type":15},"2026-05-06T05:40:03.966799",{"slug":3020,"name":3020,"fn":3021,"description":3022,"org":3023,"tags":3024,"stars":2888,"repoUrl":2889,"updatedAt":3032},"visual-design","plan and execute visual design direction","Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3025,3028,3029,3030],{"name":3026,"slug":3027,"type":15},"Animation","animation",{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},{"name":3031,"slug":3020,"type":15},"Visual Design","2026-07-24T05:40:57.887452",{"slug":3034,"name":3034,"fn":3035,"description":3036,"org":3037,"tags":3038,"stars":2888,"repoUrl":2889,"updatedAt":3047},"visual-polish","verify and polish website visual design","Verify and polish a built or redesigned site by diagnosing rendered-DOM issues against intent and fixing them in a planned, batched screenshot-and-fix loop.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3039,3042,3043,3046],{"name":3040,"slug":3041,"type":15},"Debugging","debugging",{"name":2877,"slug":2878,"type":15},{"name":3044,"slug":3045,"type":15},"Screenshots","screenshots",{"name":3031,"slug":3020,"type":15},"2026-06-06T07:09:59.809812",81]