Agent Skills
› joye61/pic-smaller
joye61/pic-smaller
GitHub用于多平台（社媒、广告、网页等）的横幅设计技能，支持收集需求、研究参考风格，并利用前端设计与AI图像生成能力输出多种视觉方案。
Install All Skills
npx skills add joye61/pic-smaller --all -g -y
Skills in Collection (6)
用于多平台（社媒、广告、网页等）的横幅设计技能，支持收集需求、研究参考风格，并利用前端设计与AI图像生成能力输出多种视觉方案。
用户请求横幅、封面或标题设计
社交媒体封面/头部创建
广告横幅或展示广告设计
npx skills add joye61/pic-smaller --skill banner-design -g -y
管理品牌身份、语调、视觉规范及资产一致性，提供脚本用于注入上下文、验证资产和同步设计令牌。
品牌内容创作
语调与风格指南制定
营销资产合规审查
视觉标识与调色板管理
npx skills add joye61/pic-smaller --skill brand -g -y
提供设计系统支持，涵盖Token架构、组件规范及CSS变量生成与校验。支持从原始值到语义再到组件的三层Token体系，并集成品牌合规的演示文稿生成能力，服务于前端开发与UI/UX设计协作。
需要创建或管理设计Token
定义组件状态和样式规范
配置Tailwind主题
生成符合品牌规范的演示文稿
npx skills add joye61/pic-smaller --skill design-system -g -y
用于创建基于HTML和Chart.js的策略性演示文稿，支持数据可视化、响应式布局及文案优化。
制作营销演示文稿或路演PPT
生成带有图表的数据驱动幻灯片
设计具有特定布局策略的展示页面
npx skills add joye61/pic-smaller --skill slides -g -y
用于构建美观、可访问的UI界面，结合shadcn/ui组件、Tailwind CSS样式及Canvas视觉设计。支持响应式布局、主题定制、暗色模式及复杂交互组件开发。
需要创建或优化用户界面
实现响应式布局和移动端适配
集成shadcn/ui和Tailwind CSS进行样式开发
设计深色模式或自定义主题
生成海报或品牌视觉材料
npx skills add joye61/pic-smaller --skill ui-styling -g -y
提供品牌视觉、UI样式、Logo生成、企业识别程序(CIP)、演示文稿及社交媒体图片设计的综合技能，支持AI生成与多平台适配。
需要设计Logo或品牌标识
创建企业识别程序物料
制作演示文稿或横幅广告
生成社交媒体图片或图标
npx skills add joye61/pic-smaller --skill design -g -y
