arco-design
Arco Design React 组件库(@arco-design/web-react)参考技能,由字节跳动出品的企业级 React UI 组件库。用于在用户需要搭建页面、创建 UI、编写前端代码时提供组件 API、代码示例与最佳实践。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-20 00:13
20,255 个结果
Arco Design React 组件库(@arco-design/web-react)参考技能,由字节跳动出品的企业级 React UI 组件库。用于在用户需要搭建页面、创建 UI、编写前端代码时提供组件 API、代码示例与最佳实践。
用于在Next.js页面中制作并导出iOS App Store营销截图的技能:把应用截图包装成广告式画面,通过html-to-image按苹果要求的iPhone/iPad分辨率导出,支持多语言、主题预设与设备切换。
该技能用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),随后对照获取到的全部规则逐条检查,最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。
面向 iOS/Mac 与 Web 应用的原生界面设计技能,专注 SwiftUI、React 动画、物理动效与手工感设计,避免千篇一律的 AI 风格。
基于 each::sense AI 的视频背景处理技能,可移除、替换或修改视频背景,支持透明背景、纯色替换、图片/视频背景合成、虚拟办公室、无绿幕抠像、背景模糊和动态动画背景等效果,通过 HTTP API 调用。
面向2026年的品牌、产品或公司命名方法,采用六道关卡流程:先定义约束,再生成候选,随后依次通过多语言语音、商标法律、AEO实体强度与叙事潜力筛选,强调先优化答案引擎可发现性,再考虑美学。
LaunchDarkly 风格的 UI 设计系统技能,用于让 AI 智能体生成暗色界面:纯黑背景、Inter 字体、4px 网格,并提供颜色语义化 token、字号层级、间距、边框与交互规范等约束。
PostHog 风格的 UI 设计系统技能,供 AI 智能体在构建深色模式界面时参考。规定使用 Inter 字体、4px 网格、语义化颜色令牌与 3px 圆角,并给出排版、间距、边框、交互状态与动画等约束。
MasterGo Skill 是一组自包含 Python 脚本,用于获取并分析 MasterGo 设计文件中的 DSL 数据。用户提供 MasterGo 链接(如 https://mastergo.com/file/xxx 或 /goto/xxx)时,可提取设计结构、文本内容、组件文档链接与交互信息,辅助生成代码或理解页面结构。
通过 NVIDIA NIM 运行 ProteinMPNN 逆折叠,为目标主链设计蛋白序列。客户端会读取整个 PDB 与设计参数并提交到 NVIDIA 托管接口或本地 NIM,输出序列与分数,但结果只是候选序列,未做折叠回验。
面向营销视觉素材制作的技能,覆盖广告创意、社交媒体图、邮件视觉、演示文稿与品牌物料,提供平台尺寸、安全区、视觉层级、变体测试、视频结构与交付前QA清单,并含AI生成视觉的操作注意事项。
Canvas Design 是一个用于创建 .png 和 .pdf 格式视觉艺术与设计作品的技能,专注于运用设计原则、色彩理论、排版和构图来产出专业品质的静态视觉作品。它适用于用户要求制作海报、传单、艺术插画、标志图标、品牌元素、信息图、数据可视化、演示幻灯片或营销物料等场景,也响应用户提出的“设计”“艺术”“海报”“视觉”“图形”等需求。该技能强调始终创作原创作品,不复制现有艺术家的作品。其核心能力涵盖设计原则(平衡、对比、层级、对齐、重复、邻近、留白)、色彩理论(配色方案、色彩心理学、60-30-10 法则、可访问性对比度)、排版(字体类别、层级、间距与对齐)、构图技法(三分法、黄金比例、焦点、视觉流、框架、层次、对称与不对称)以及完整的设计工作流(理解需求、概念开发、布局设计、视觉执行、精修)。资料还提供了海报、标志、信息图等设计模式,极简、醒目、优雅、活泼、企业等风格指南,PNG/PDF 技术规格与画布尺寸,最佳实践、反模式、示例和质量检查清单。
一个用于结构化、重视证据与边界意识的科学推理元技能,帮助在解读研究结果、评估科学证据、分析机制、比较竞争假设和设计实验时,像严谨研究者一样推理,并区分事实、证据、解释与推测。
用于在 Blender 中通过 MCP 为游戏网格生成、命名、设定屏幕尺寸目标并验证 LOD 的工具,帮助建立有意图的 LOD 链,保住剪影并校验减面结果。
album-conceptualizer 是 bitwize-music-studio/claude-ai-music-skills 中的专辑概念策划技能,通过 7 个结构化阶段设计专辑概念、曲目架构与主题规划,适用于策划新专辑或调整已有专辑。
Slide Deck 是一个用于构建浏览器端演示文稿的 Claude 技能,基于 React 18 + TypeScript + Vite 技术栈,配合 Framer Motion 动画、Tailwind CSS v4 样式、Recharts 图表和 Lucide React 图标。该技能的核心目标不是生成模板化的通用幻灯片,而是产出具有手工设计感、风格统一的演示文稿。它要求先向用户确认演示内容与主题,不得自行编造内容;随后根据目标情绪(自信、兴奋、平静、感动等)从预设风格(如 Bold Signal、Neon Cyber、Swiss Modern 等)中选择并严格贯彻,涵盖字体配对、配色方案与标志性视觉元素。整个幻灯片容器固定为 1280×720 像素并通过 CSS transform 缩放适配视口,对每类幻灯片的元素数量有严格上限,禁止内容溢出。技能还规定了动画规则、禁止使用的 AI 套路模式,以及完整的项目结构与质量检查清单。
Carousel Designer 是一个用于设计 Instagram 和 LinkedIn 教育类轮播图(carousel)帖子的技能,目标是让内容既传递信息又提升互动。它适合创建视觉素材与版式、改善用户体验、构建设计系统,不推荐用于文案写作或数据分析。
Frappe UI Patterns 是从 Frappe 官方应用(CRM、Helpdesk、HRMS、Insights、Builder)中提炼的 UI/UX 模式与设计指南,用于为自定义 Frappe 应用设计界面,涵盖应用外壳、列表、看板、详情面板、表单、活动流、空状态、加载状态、状态配色与响应式布局等。
将 @qfei-design/canvas-table 集成到应用或页面时的消费侧技能,覆盖本地表、虚拟表、大数据快速滚动与分组表,可叠加单元格编辑增强层。
watch-cli 是一个让 AI 智能体“观看”社交视频的技能:把视频拆成 JPG 帧和音频转录文本,用视觉与文本模型分别理解,避免调用昂贵的多模态视频 API。支持 YouTube、X/Twitter、LinkedIn、TikTok、Reddit、Vimeo、Facebook,据称比多模态 API 便宜约 50 倍、快约 5 倍。
Runway 图像生成的集成指南技能,面向服务端代码接入 text-to-image(支持参考图)。提供模型选择、参数说明、安全建议,并含 Express、Next.js、FastAPI 示例,输出 URL 需及时下载保存。
用于 Blender 的电影感摄影技能,覆盖构图、镜头语言、摄像机动画与镜头布局,并通过 MCP 调用。帮助在实际渲染前规划有意图的取景、焦距与运镜,适合电影感静帧、转盘展示、产品与角色镜头及作品集 lookdev。
该技能提供在 GitHub Markdown 中创建美观、专业 Mermaid 图表的规范与指引,使图表在亮色与暗色模式下均可正常渲染。核心做法是采用深色填充配浅色描边、子图透明填充、圆角节点,并避免 Font Awesome 图标。
Didit 被动活体检测 API 技能,对单张自拍图运行独立被动活体检查,判断画面是否为真人实时拍摄。无需视频、动作或用户交互,支持错误码与警告标签,可用于注册、提现等身份核验场景。