← All skill packs

Agent Automation & UI Design Skills

Skill pack
9 skills0 selected
anbeimeSkills in this pack

Connect to and control Google Chrome browser using agent-browser with CDP (Chrome DevTools Protocol). Use when the user wants to automate their existing Chrome browser, see browser actions in real-time, or needs to control the Chrome instance they're already using. Handles installation, setup, connecting via remote debugging, and all browser automation tasks with live visual feedback.

English

Generate web UI/UX icon assets (favicon.ico, apple-touch-icon, PWA icons incl. maskable) and optionally Unreal Engine packaging icons (Windows .ico, macOS .iconset/.icns, Linux .png) from a single source SVG/PNG; use when you need correct multi-size icon files, safe-area guidance, manifests/head tags, or automation.

English

Publish Markdown articles to X (Twitter) Articles editor with proper formatting.

English

Publish Markdown articles to X (Twitter) Articles editor with proper formatting.

English

智能内容创作与发布全流程系统。根据用户需求自动识别场景, 编排调用网页采集、智能配图、小红书图文生成、热点内容创作、多平台发布等技能, 实现从内容获取到发布的一站式自动化。 支持场景: - 网页内容采集与再创作(采集→配图→发布) - 热点内容创作(热点采集→AI生成→多平台发布) - 原创内容优化(配图→小红书图文→发布) - 单一功能调用(采集/配图/图文/发布)…

Chinese

将法条/规范文件(.txt/.docx/.pdf)转为 Markdown。适用于用户要求“法条转 markdown”“pdf/docx 转 markdown”。处理 .pdf/.docx 时先检查是否已安装 mineru-ocr skill;未安装先引导安装,安装后优先用…

Chinese

视频转场与动画增强工具,提取 Remotion 的动画理念,提供高级视频转场效果和 Framer Motion 交互式动画。可与 ppt-generator、nanobanana-ppt-visualizer、ppt-roadshow-generator Skill…

Chinese

分析网页截图,提取设计系统(Design System)并生成结构化数据和可用的 AI Coding Prompt。适用于 UI/UX…

Chinese

将任意网页转换为桌面应用,支持 macOS/Windows/Linux 三大平台。使用 Rust + Tauri 技术栈,生成的应用体积小(约…

Chinese

Includes Chrome Automation, Icon Generator, X Article Publisher, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills9CategorycontentStars0

What’s included

Chrome Automation

Connect to and control Google Chrome browser using agent-browser with CDP (Chrome DevTools Protocol). Use when the user wants to automate their existing Chrome browser, see browser actions in real-time, or needs to control the Chrome instance they're already using. Handles installation, setup, connecting via remote debugging, and all browser automation tasks with live visual feedback.

Icon Generator

Generate web UI/UX icon assets (favicon.ico, apple-touch-icon, PWA icons incl. maskable) and optionally Unreal Engine packaging icons (Windows .ico, macOS .iconset/.icns, Linux .png) from a single source SVG/PNG; use when you need correct multi-size icon files, safe-area guidance, manifests/head tags, or automation.

X Article Publisher

Publish Markdown articles to X (Twitter) Articles editor with proper formatting. Use when user wants to publish a Markdown file/URL to X Articles, or mentions "publish to

X Article Publisher

Publish Markdown articles to X (Twitter) Articles editor with proper formatting. Use when user wants to publish a Markdown file/URL to X Articles, or mentions "publish to

Intelligent Content System

智能内容创作与发布全流程系统。根据用户需求自动识别场景, 编排调用网页采集、智能配图、小红书图文生成、热点内容创作、多平台发布等技能, 实现从内容获取到发布的一站式自动化。 支持场景: - 网页内容采集与再创作(采集→配图→发布) - 热点内容创作(热点采集→AI生成→多平台发布) - 原创内容优化(配图→小红书图文→发布) - 单一功能调用(采集/配图/图文/发布) 支持平台:微信公众号、小红书、X/Twitter、B站

Law to Markdown

将法条/规范文件(.txt/.docx/.pdf)转为 Markdown。适用于用户要求“法条转 markdown”“pdf/docx 转 markdown”。处理 .pdf/.docx 时先检查是否已安装 mineru-ocr skill;未安装先引导安装,安装后优先用 mineru-ocr;仅在用户明确同意时再用本地回退方案。

Remotion Video Enhancer

视频转场与动画增强工具,提取 Remotion 的动画理念,提供高级视频转场效果和 Framer Motion 交互式动画。可与 ppt-generator、nanobanana-ppt-visualizer、ppt-roadshow-generator Skill 协同工作。

Web Design Analyzer

分析网页截图,提取设计系统(Design System)并生成结构化数据和可用的 AI Coding Prompt。适用于 UI/UX 设计师和前端工程师需要从现有网页设计中提取设计规范、配色方案、排版系统和组件风格的场景。

Web to App

将任意网页转换为桌面应用,支持 macOS/Windows/Linux 三大平台。使用 Rust + Tauri 技术栈,生成的应用体积小(约 5MB)、性能高。支持自定义图标、窗口大小、快捷键等丰富配置。

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Chrome Automation skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • License details are not provided in these listings. Check the author’s terms before using the skills.
Agent Automation & UI Design Skills | Agent Skills Atlas