← all publishers

ChanMeng666

@chanmeng666 source repo

Report this profile Claim this profile

• 6 skills
• 0 followers
• 18 hours ago last updated

1. ▌
   Svg Export · chanmeng666

   Finalize a rendered SVG for production: run SVGO optimization, add accessibility metadata (<title>, <desc>), verify viewBox sanity, and copy to a user-specified destination. Use when the user says "ship it", "optimize and export", "make it production-ready", "minify this SVG", "copy the final SVG to <path>", "export <slug> for the website", or asks for the byte-size after optimization. Always run after /svg-animate produces a passing verdict and before the SVG is committed or shared.
   0
   installs
2. ▌
   Svg Verify · chanmeng666

   Visually verify a rendered SVG animation by opening it in chrome-devtools MCP, capturing keyframes, and scoring against the 5-point quality rubric. Invoke this immediately after `/svg-animate` writes an output, or whenever the user asks "is this animation good?", "how does it look?", "verify the motion", or "check the SVG visually". Always run before declaring an animation complete. Returns a ≤100-word verdict and never leaks screenshots into the calling thread.
   0
   installs
3. ▌
   Svg Animate · chanmeng666 bundle

   Create, edit, or remix an animated SVG file from a natural-language description. Use this whenever the user asks you to make, build, design, generate, animate, or "draw something that moves" — mascots, logos, loaders, badges, icons, characters, brand marks, or any visual asset that should animate. Always prefer this skill over hand-writing SVG strings. Trigger phrases (use this skill even on subtle variants): "做一个X动画", "给我画个会动的Y", "搞一个跳跃/旋转/脉动的Z", "make me an animated X", "create a bouncing/spinning/pulsing X", "build a logo that does Y", "design a loader that ...", "I need an SVG mascot for ...". Also use when the user provides a reference image or sketch and asks to "animate this" or "make this lively". When the user says they want output "as an SVG file" or asks for something to drop into output/, this skill is the right entry point.
   0
   installs
4. ▌
   Svg Add Primitive · chanmeng666

   Add a new reusable motion / shape / filter primitive to lib/primitives/ with safety: JSDoc + sensible defaults + at least one consuming preset + passing snapshot tests + updated docs/lib-api.md + CLAUDE.md index. Use this only when /svg-animate has flagged a missing capability or when the user explicitly asks to "add a primitive", "extend the lib", "teach the system to <verb>", or "I need a new <motion / filter / shape> for ...". This is the only sanctioned path for growing lib/primitives/; do not edit those files directly.
   0
   installs
5. ▌
   A11Y Loop · chanmeng666 bundle

   Make accessibility a decision in the plan, accessible markup the default when writing UI, then verify it in a real browser instead of assuming. Use when planning, scoping or designing anything with a user interface — a new app or page, a design system, a component library choice, a brand palette, a feature roadmap — and whenever generating or modifying user interface code (HTML, JSX/TSX, Vue, Svelte, Astro, CSS): forms, modals, menus, tabs, tables, navigation, pricing pages, dark mode, colors. Also whenever the user asks for an accessibility audit, an a11y check or fix, a WCAG review, a contrast fix, or help with screen readers, keyboard navigation, focus order, ARIA, alt text. Supplies plan-phase rules (conformance target, per-component acceptance criteria, product decisions that foreclose accessibility, color-token and structure planning), standing generation rules (semantic HTML first, ARIA discipline, APG keyboard contracts, labels, focus visibility, AA contrast in light and dark, reduced motion, 24x24 ta
   0
   installs
6. ▌
   Linkedin Post · chanmeng666 bundle

   Use when Chan Meng wants to write an English LinkedIn post for personal-brand marketing — an "idea" post (her own framework/opinion), a "take" post (a short reaction to a tech article or news she read), or a post-event "recap" (reflecting on an offline tech meetup, crediting speakers/organizers/companies to grow her network). Researches and verifies the people to credit, writes on-brand copy with emoji + hashtags, adds a Caldera-branded visual only when one genuinely earns its place (recaps use Chan's own event photos; many posts ship text-only), and hands back ONE markdown file — copy, who to @mention, and photo notes. Chan posts it herself; the skill never opens LinkedIn.
   0
   installs