跳到正文
cccskills

OpenDesign

@nexu-io

组织

The open-source stack for your design system.

669 个技能14 个仓库 12.4万

技能(669)

在搜索中筛选

ppt-keynote

免费有简介

将产品介绍或演讲内容整理为Keynote风格网页幻灯片,以留白、大标题和简短说明呈现内容,支持左右方向键及空格键切换,并显示页码。

  • 制作产品介绍幻灯片
  • 准备演讲用网页演示资料
  • 用单页展示数据图
nexu-io/open-design10.4万2026年10月23日 更新

od-next-media-inputs

免费有简介

为现有OD Next计划准备所需图片等素材,复用已确认可用的功能和合适素材,完成获取、尺寸检查及异步结果收集,同时保留内容、许可与质量要求。

  • 收集现有计划所需的素材
  • 在多个页面复用已有素材
  • 检查用于排版的素材尺寸
nexu-io/open-design10.4万2026年10月23日 更新

依据具体的字体排版、配色、间距和动效规则实现React或Next.js界面,调整布局与信息密度,涵盖移动端及各类状态显示,并避免千篇一律的外观。

  • 制作字体排版鲜明的营销页面
  • 调整仪表盘显示与交互反馈
  • 调整信息密度和动效强度
nexu-io/open-design10.4万2026年10月23日 更新

为代码和文档生成规定完整输出流程,避免用省略注释或未实现的框架替代内容,核对所有请求项,并在长篇输出中标明暂停点和续写位置。

  • 获取完整源文件
  • 一次生成全部指定组件
  • 避免长文档省略章节
nexu-io/open-design10.4万2026年10月23日 更新

shadcn-ui

免费有简介

使用shadcn/ui实现结构清晰、兼顾无障碍使用的界面组件,并可结合Stitch中的设计迭代,将设计方案落实为界面部件。

  • 使用shadcn/ui构建界面组件
  • 实现兼顾无障碍使用的组件
  • 结合Stitch设计迭代进行开发
nexu-io/open-design10.4万2026年10月23日 更新

minimax-docx

免费有简介

使用处理Office文档的开发工具OpenXML SDK创建和编辑DOCX文件,支持符合品牌风格的报告、排版整齐的提案,以及基于模板的文档编写。

  • 制作符合品牌风格的报告
  • 编写排版整齐的提案
  • 基于模板创建文档
nexu-io/open-design10.4万2026年10月23日 更新

poster-hero

免费有简介

制作适用于产品发布和社交分享的竖版海报,以大标题、鲜明的渐变背景和要点卡片,将信息汇集在一张9:16画面中,并预留品牌和二维码位置。

  • 制作新品发布竖版海报
  • 制作社交分享公告图
  • 将三至五个特点汇总成一张海报
nexu-io/open-design10.4万2026年10月23日 更新

将版本新增功能、修复、不兼容变更、已知问题和升级步骤整理成单页HTML文档,并明确标注未提供的信息,便于向用户或内部团队分享更新内容。

  • 编写版本更新公告
  • 集中分享新增功能与修复
  • 说明兼容性变更和升级步骤
nexu-io/open-design10.4万2026年10月23日 更新

swiftui-design

免费有简介

为SwiftUI界面设计提供支持,涵盖避免AI常见雷同风格的规则、设计方向建议、品牌素材处理流程,以及从五个维度审查已完成界面的方法。

  • 确定SwiftUI界面的设计方向
  • 审查AI界面的雷同风格
  • 确认品牌素材的处理方式
nexu-io/open-design10.4万2026年10月23日 更新

threejs

免费有简介

使用Three.js制作浏览器中的三维元素与可交互体验,涵盖场景构建、材质外观、交互控制和渲染后视觉效果,支持从显示到操作与外观调整的制作工作。

  • 为网页制作三维元素
  • 制作浏览器交互式三维体验
  • 调整材质外观与操作方式
nexu-io/open-design10.4万2026年10月23日 更新

replicate

免费有简介

通过Replicate的API查找、比较并运行用于图像、音频和视频生成的AI模型,适合需要试用多个模型、按用途选择并经常切换模型的工作。

  • 查找图像生成模型
  • 比较音频生成模型
  • 试用视频生成模型
nexu-io/open-design10.4万2026年10月23日 更新

social-reddit-card

免费有简介

将提供的故事、问题或短笑话排成带投票栏和评论数的Reddit风格卡片,生成单个HTML文件,用于视频叠加或社交媒体分享。

  • 制作视频叠加用Reddit风格卡片
  • 在社交媒体上分享故事卡片
  • 将问题或笑话呈现为帖子
nexu-io/open-design10.4万2026年10月23日 更新

research-decision-room

免费有简介

将访谈、客服工单、问卷和使用记录整理为用于产品或设计决策的HTML页面,集中展示证据、主题、可信程度、改进方案比较及下一步实验。

  • 综合分析访谈与客服工单
  • 比较初始设置的改进方案
  • 向相关人员分享证据与不确定性
nexu-io/open-design10.4万2026年10月23日 更新

ui-ux-pro-max

免费有简介

这是供代理在规划UI/UX设计时发现候选技能的目录条目,本身不含搜索数据或模板。实际使用完整功能,需要另行安装原项目提供的文件。

  • 寻找UI/UX设计参考技能
  • 检查所需文件是否已安装
  • 了解原项目的安装方法
nexu-io/open-design10.4万2026年10月23日 更新

minimax-pdf

免费有简介

用于创建、填写和重新排版符合品牌风格的PDF、电子指南及报告。通过共用设计设置和15种封面样式,统一文档外观,并兼顾封面与正文的呈现。

  • 创建符合品牌风格的PDF
  • 制作电子指南
  • 整理报告版式
nexu-io/open-design10.4万2026年10月23日 更新

venice-audio-speech

免费有简介

通过Venice.ai将文字转为语音,用于旁白、视频配音和对话智能体发声,涵盖语音模型、声音、输出格式,以及逐步接收音频的流式输出。

  • 将文稿转换为旁白
  • 制作视频配音
  • 让对话智能体发声
nexu-io/open-design10.4万2026年10月23日 更新

slack-gif-creator

免费有简介

为Slack制作动画GIF,可用于聊天回应或小型动画。通过组合基本动画元素来制作动作,并在同一流程中检查文件大小限制,帮助完成适合Slack使用的GIF。

  • 制作Slack聊天回应GIF
  • 制作小型动画GIF
  • 制作时检查GIF大小限制
nexu-io/open-design10.4万2026年10月23日 更新

nanobanana-ppt

免费有简介

结合文档分析与图片生成,将文档内容整理为结构清晰的PPT演示文稿。使用NanoBanana生成指定风格的图片,把内容整理和图片准备纳入同一制作流程。

  • 将文档整理为PPT演示文稿
  • 制作包含生成图片的幻灯片
  • 一并委托文档分析与演示文稿制作
nexu-io/open-design10.4万2026年10月23日 更新

review-animations

免费有简介

检查界面动画代码的速度、自然程度、操作中断响应、渲染性能与无障碍支持。以表格列出问题、修改建议和理由,并判断是否通过审查。

  • 检查下拉菜单和提示框的动画
  • 确认连续操作时的响应
  • 发现影响渲染性能的动画
nexu-io/open-design10.4万2026年10月23日 更新

high-end-visual-design

免费有简介

通过具体规则统一字体排版、留白、配色、卡片层叠和克制的动画,并将这些设计编写为网页代码,制作质感细腻、风格沉静的页面。

  • 制作注重字体排版的落地页
  • 制作非对称的SaaS功能介绍页
  • 用柔和阴影与留白展示作品
nexu-io/open-design10.4万2026年10月23日 更新

pptx-generator

免费有简介

通过智能体工作流使用PptxGenJS从零创建或编辑PowerPoint演示文稿。条目介绍用途与配套文件的安装方法,完整工作流需安装上游文件包。

  • 从零创建PowerPoint演示文稿
  • 请智能体编辑PowerPoint演示文稿
  • 使用PptxGenJS制作幻灯片
nexu-io/open-design10.4万2026年10月23日 更新

将用户研究的背景、参与者构成、行为模式与证据整理为三页HTML幻灯片,采用温暖纸色的瑞士风格,并通过图表、交互和克制的动效呈现。

  • 用三页幻灯片汇报用户研究
  • 用环形图展示参与者构成
  • 并列说明行为模式与相关证据
nexu-io/open-design10.4万2026年10月23日 更新

mockup-device-3d

免费有简介

将提供的HTML、文本或数据放入iPhone和MacBook屏幕,配合玻璃质感高光与地面反射,制作具有立体效果的产品展示页面。

  • 在产品发布时展示应用界面
  • 并排展示移动端和桌面端设计
  • 将文本或数据呈现为应用界面
nexu-io/open-design10.4万2026年10月23日 更新

stitch-design-taste

免费有简介

为Google Stitch生成屏幕时的设计方向编写DESIGN.md,具体规定配色、字体、布局、动效和应避免的表现形式,为多个屏幕提供统一参考。

  • 为Google Stitch屏幕制定共同规则
  • 记录配色、字体和组件行为
  • 定义移动端布局与动效规则
nexu-io/open-design10.4万2026年10月23日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)