AI Agent Skills

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

Anti-AI-slop design skill for Claude Code, Cursor, and Codex.

🪧 Claude Code / Codex skill — generate Xiaohongshu carousels & WeChat 21:9+1:1 cover pairs. Editorial × Swiss visual systems, 28 layouts, 10 themes, single-file HTML →…

Creative video generation workflow skill for Seedance 2.0 filmmaking agents.

GitHub repository analytics dashboard — stars, forks, contributors, issues, pull requests, recent activity, and top contributors. Use when the brief asks for a GitHub re…

For marketing and gtm work: bind launches, campaigns, events, and brand plans to growth and pipeline outcomes. Built around the core query "annual-marketing-plan", with…

Create original editorial technology covers with a controlled layout, custom diagram generation, and editable SVG or PNG output.

Use when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for parsing flags and subcommands, displaying progress bars and spinner…

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.

Turn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.

Complete and link income statement, balance sheet, and cash flow statement model templates with formulas and checks.

📊 Interactive JavaScript Charts built on SVG

Markdown for the component era