Agent Skills
› joye61/pic-smaller
joye61/pic-smaller
GitHub用于设计社交媒体、广告、网站横幅及印刷品的创意视觉技能，支持多风格选项生成。
Install All Skills
npx skills add joye61/pic-smaller --all -g -y
Skills in Collection (6)
用于设计社交媒体、广告、网站横幅及印刷品的创意视觉技能，支持多风格选项生成。
用户请求横幅或封面设计
社交媒体头图创建
广告投放素材设计
网站英雄区视觉设计
npx skills add joye61/pic-smaller --skill banner-design -g -y
管理品牌身份、语调、视觉规范和资产一致性，提供上下文注入、资源校验及设计令牌同步脚本，确保营销内容与品牌指南合规。
需要统一内容语气或风格时
验证品牌资产合规性时
同步品牌规范到设计系统时
npx skills add joye61/pic-smaller --skill brand -g -y
用于构建设计系统，管理三层Token架构、组件规范及CSS变量，支持设计到代码的交付与Tailwind配置，并具备品牌合规的演示文稿生成能力。
创建或更新设计Token
定义组件状态与变体
配置CSS变量或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
专注于使用 shadcn/ui、Tailwind CSS 和 Canvas 构建美观、可访问的用户界面。涵盖响应式布局、暗色模式、设计系统建立及视觉海报生成，适用于 React 生态下的 UI 开发与原型设计。
需要创建或定制用户界面组件
实施响应式布局和移动端优先设计
配置 Tailwind CSS 样式或 shadcn/ui 组件库
实现暗色模式或主题定制
生成视觉设计稿或海报
npx skills add joye61/pic-smaller --skill ui-styling -g -y
提供品牌视觉、UI样式、Logo生成、企业识别(CIP)、演示文稿、横幅及社交媒体图片等设计能力，支持AI辅助创作与多平台适配。
需要生成Logo或品牌标识
创建企业视觉识别系统(CIP)
设计UI组件或样式规范
制作宣传横幅或社交媒体配图
生成演示幻灯片
npx skills add joye61/pic-smaller --skill design -g -y
