A formatting workflow for turning Markdown, Word documents, PDFs, text files, or web content into HTML that can be pasted into WeChat’s article editor. WeChat is a Chinese publishing platform, and the workflow also creates a preview page.
Plan, research, edit, generate, repair, finish, validate, evaluate, and market professional video across animation, narrative shorts, documentary, film, trailers, branded content, social video, and educational media. Includes a recoverable production workflow and live SVG dashboard, rights-aware reference research…
A workflow for turning a character drawing or existing character images into a consistent 2D animation asset pack. The pack can include model views, expressions, actions, transparent cutouts, or sprite assets.
A toolkit for rendering charts, diagrams, knowledge graphs, motion graphics, and editable PowerPoint charts for reports and presentations. A knowledge graph shows connections between related items.
A toolkit and workflow for creating presentations, interactive prototypes, animated videos, and editable PowerPoint files. It covers formats for talks, reports, prototypes, architecture reviews, and competitive research.
Use when a user gives or references a webpage URL and wants to extract, reproduce, port, or locally replay a WebGL, WebGPU, Canvas, shader-like, animated background, interactive 3D, or web visual effect. Locks the target rendering surface group, records shader/resource/render graph/timing/input evidence, builds an…
A Chinese-language design workflow for creating and reviewing websites and product interfaces. It combines guidance on layout variety, animation, data-informed design choices, and avoiding generic AI-looking results.
Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and…
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use…
Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the…
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
A shared "taste layer" for HTML/PPT deliverables — three tunable dials (DESIGNVARIANCE / MOTIONINTENSITY / VISUALDENSITY) plus an anti-slop preflight and material/copy rules that elevate color, layout, motion, sourcing and wording. Not a renderer; a small set of design tokens and constraints applied on top of any…
A system for creating single-file HTML slide decks for live presentations, with a warm editorial visual style, keyboard navigation, speaker notes, timing, and charts. It uses a JSON plan as the source for revising the presentation.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: