Agent Skills Hub

context-bar

为 Claude Code 状态列提供实时彩色上下文使用进度条，并支持手动即时检查功能。

css-modules

基于 Lightning CSS 或 PostCSS 的 CSS Modules 组件封装策略，包含 TypeScript 集成与 Vite 配置。

icon-set-generator

为网站和应用程序生成具备一致视觉风格、线条粗细与密度的专业 SVG 图标集，打造独特的品牌 UI 识别。

wordpress-elementor

通过 WP-CLI 或可视化浏览器自动化，编辑 WordPress 网站上的 Elementor 页面并管理模板。

slack-gif-creator

用于创建和优化 Slack 动画 GIF 的工具包。包含帧构建、动画特效、验证工具及 Slack 专属规格限制。

vibe-orchestrator

Lovable 风格 AI 开发工作流程控制器。通过调度专门的子代理，即时生成优质、多页面且具备动画效果的应用程序。无需冗长提示，直接启动开发。

design

协作式 UI 设计、线框图绘制与 Tailwind 优先的代码优化，打造独特且高质量的界面，避免生成式 AI 的通用设计模式。

image-generation

使用结构化 JSON 提示词与自动化 Python 脚本生成高质量的图像、角色与场景，支持参考图像以进行精确的视觉创作。

ascii-art

一个用于生成 ASCII 艺术的代理技能，针对无需反复修改的一次性艺术输出进行了优化。

figma

利用 Figma MCP 服务器获取设计数据、提取资源，并将 Figma 节点转换为符合设计系统规范的 React 与 Tailwind 代码。

frontend-ui-animator

为 Next.js、Tailwind CSS 和 React 应用程序分析并实现实用且具目的性的 UI 动画，重点在于用户体验、性能与无障碍设计。

proofreader-api

将浏览器原生 Proofreader API 集成至网页应用，提供 AI 驱动的文本校正、语法检查与语言支持，并包含受控的模型生命周期管理。