下载

Skill UI

浏览并发现 10321+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 Stitch ，共找到 21 条记录

默认排序最新上传最多下载

前端代码转Stitch设计

stitch-code-to-design

google-labs-code/stitch-skills

该技能旨在自动化将现有的前端代码（如使用React、Vite等构建的Web应用）迁移至Stitch设计系统。它遵循多步骤工作流：首先，提取一个独立的静态HTML文件；其次，分析源代码组件和样式表，生成完整的设计系统文档(DESIGN.md)；最后，将HTML文件和设计系统文档上传到目标Stitch项目，实现代码到设计的转换和迭代。

从源码提取设计系统

stitch-extract-design-md

google-labs-code/stitch-skills

该技能能够分析任何前端代码库（如React, Vue, Svelte, Tailwind等），从源码文件中提取完整的设计系统文档。它无需运行或构建应用，即可准确地提取颜色、排版、间距、组件模式等视觉元素。非常适用于进行设计审计、记录项目视觉语言或将现有设计系统迁移到设计工具中。

提取静态自包含HTML

stitch-extract-static-html

google-labs-code/stitch-skills

用于从任何现代Web应用（如React、Next.js等）捕获一个完全独立、自包含的静态HTML文件。该工具会自动解析所有CSS样式并内嵌图片（Base64），确保生成的页面可以在没有外部网络连接的情况下独立查看和分享，适用于UI状态捕获或资产准备。

生成与编辑UI/UX设计稿

stitch-generate-design

google-labs-code/stitch-skills

这是一个全面的设计技能，可根据文本提示或图像生成新的设计屏幕，并使用专业术语和设计系统令牌进行迭代编辑。它包含高级提示增强流程，能确保为Web和移动平台生成专业、结构化且符合上下文的设计输出。

设计系统管理与应用

stitch-manage-design-system

google-labs-code/stitch-skills

本技能用于在Stitch平台建立设计语言的单一事实来源。它指导用户完成项目资产的检索，从现有屏幕或用户描述中合成设计规则，创建和更新核心设计系统，并系统地将这些设计令牌应用到所有屏幕上，从而确保整个界面的高度一致性。

网页设计转React Native组件

stitch-react-native

google-labs-code/stitch-skills

该工具旨在将Stitch平台生成的网页设计（HTML/CSS）转换为可投入生产的React Native组件。它负责元素和样式（如Flexbox、阴影）的精确映射，并将复杂的网页样式转换为React Native的StyleSheet.create()。同时，它指导遵循原子设计原则和数据脱耦的最佳实践，实现高效的跨平台移动开发。

将本地资产上传到Stitch项目

stitch-upload-to-stitch

google-labs-code/stitch-skills

本技能提供了一个强大的机制，用于将本地数字资产（如图片、模型和完整HTML文件）上传到Stitch项目。它通过直接流式传输文件，绕过了标准工具调用的限制，确保即使是大型视觉资产或复杂的网页也能准确处理。这对于将本地设计迭代整合到云端原型开发流程中至关重要。

视频片段拼接与转场

opensquilla/opensquilla

该工具用于将一系列按数字命名的MP4视频片段（如1_*.mp4, 2_*.mp4）合并成一个完整的视频文件。它支持可选的淡入淡出转场，并能统一处理分辨率、帧率和编解码器。适用于将工作流生成的多个短视频剪辑无缝拼接成最终成品。

高清Instagram内容下载工具

instagram-post-downloader

mohitagw15856/pm-claude-skills

本技能能够从Instagram CDN下载高清的帖子、轮播图和Reels。它支持批量处理多个URL，为每篇帖子创建独立文件夹，并将多页轮播图自动合并成PDF，极大地提升了内容归档和数据收集的效率。

语言