Awesome AI AgentsAI Agent Development

op7418/guizang-social-card-skill

⭐ 7016 HTML added to this list on 2026-06-29 repository created 2026-05-27

Guizang Social Card Skill is designed as an AI agent skill for Claude Code and Codex environments, enabling the automatic generation of visually appealing social media content. It specializes in producing Xiaohongshu (Rednote) carousels and WeChat 21:9 + 1:1 cover image pairs. The skill integrates two distinct visual systems: an 'Editorial' style inspired by magazines like Monocle and Kinfolk, suitable for storytelling and lifestyle content, and a 'Swiss International Style' featuring grids, monochromatic anchor colors, and precise typography, ideal for product reviews, data, and tutorials. The skill offers flexibility with three canvas sizes (1080x1440 for Xiaohongshu, 2100x900 for WeChat wide, 1080x1080 for WeChat square) and 28 layout skeletons. Users can also choose from 10 predefined themes, including various color palettes and dark modes. It streamlines the image sourcing workflow, prioritizing user-provided images and falling back to various online image libraries if none are provided. Advanced features include WebGL ink-flow backgrounds for dynamic covers, intelligent image overlay and face-avoidance, and screenshot beautification assets. The output is a single-file HTML rendered to PNG using Playwright, ensuring high-quality, precise layouts that are difficult to achieve with standard Markdown. This makes it an effective tool for AI agents to create sophisticated visual content programmatically. Key features include an 'Editorial' style (16 layouts, 6 themes) for narrative and aesthetic content, and a 'Swiss' style (12 layouts, 4 themes) for factual and structured presentations. It supports dynamic image sourcing, WebGL backgrounds, image overlays that avoid faces for text placement, and screenshot beautification. The generated outputs are single-file HTML documents rendered to PNG via Playwright, eliminating the need for frontend build chains. The project emphasizes Agent-friendliness, precise layout control, open-source image integration, and quality assurance through validation scripts.

https://github.com/op7418/guizang-social-card-skill

agent-skillai-agentanthropicclaude-codeclaude-skillcodexeditorial-designhtml-templateimage-generationplaywrightrednotesocial-cardsswiss-designwechatxiaohongshusocial-media-designcontent-creationvisual-designautomationai-powered-design

Also in AI Agent Development

kepano/obsidian-skills

Obsidian Skills provides a collection of agent skills enabling AI agents to interact with Obsidian vaults, facilitating content creation and editing of Markdown, Bases, and JSON Canvas files, as we...

Panniantong/Agent-Reach

Agent-Reach allows AI agents to access web content from major social media and video platforms through a CLI, without API fees, enhancing their perceptual capabilities.

JCodesMore/ai-website-cloner-template

This project provides a reusable Next.js template for reverse-engineering and cloning any website into a modern codebase using various AI coding agents.

huggingface/smolagents

Smolagents is a minimalistic Python library by Hugging Face for creating intelligent agents that think and act by generating and executing Python code, supporting multiple LLMs, modalities, and tool integrations.

alibaba/page-agent

Page Agent is a JavaScript in-page GUI agent enabling natural language control of web interfaces without browser extensions or headless browsers, supporting various LLMs.

TencentCloud/TencentDB-Agent-Memory

TencentDB Agent Memory provides a local, 4-tier progressive pipeline for AI agent long-term memory, enhancing performance and reducing token usage without external API dependencies.

titanwings/distilly

A meta-skill that distills messages, documents, interviews and public sources about a person into a source-grounded Person Profile, packaged as an Agent Skill for coding agents and chat bots.

coze-dev/coze-studio

Coze Studio is an all-in-one AI agent development platform that simplifies the creation, debugging, and deployment of AI agents through visual tools and supports no-code and low-code development approaches.