下载

Skill UI

浏览并发现 10407+ 精选技能

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

搜索 Stitch ，共找到 12 条记录

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

Stitch 提示优化器

sickn33/antigravity-awesome-skills

将模糊的界面构想转换为符合 Stitch 要求的提示词，补全平台、风格、组件和色彩信息，并输出结构化的页面段落，确保生成结果专业且一致。

Remotion Stitch 演示视频制作

sickn33/antigravity-awesome-skills

通过 Stitch 抽取屏幕素材并在 Remotion 中编排，生成带转场、缩放与文本叠加的专业演示视频，适用于应用演示或功能推广。

Stitch 前端循环构建

sickn33/antigravity-awesome-skills

前端构建者使用 Stitch 驱动的接力循环：读取任务、生成页面、整合站点、更新文档，并交接下一步，实现持续的站点迭代。

Stitch语义设计系统指南

stitch-design-taste

Leonxlnx/taste-skill

该技能用于为Google Stitch生成高度结构化的DESIGN.md文件，充当语义化设计系统。它将复杂的、反通用（Anti-Generic）的前端设计原则，如排版、色彩校准、组件行为和运动物理，转化为AI可理解的规则。它是指导AI生成专业、高质量用户界面的核心“单一事实来源”。

设计稿到模块化React组件

react-components

google-labs-code/stitch-skills

该技能旨在自动化将视觉设计稿（来自Stitch）转化为高质量、模块化的React和Vite组件。它严格遵循现代前端最佳实践，要求逻辑分离到自定义Hooks，将数据解耦到Mock Data层，并使用TypeScript保证类型安全。流程涵盖了自动化资源获取、样式映射（如Tailwind），并包含严格的验证周期，确保生成代码是可维护、可生产环境使用的。

自主迭代网站构建循环

google-labs-code/stitch-skills

这是一个用于实现网站持续、自主开发流程的技能。它通过“接力棒”（baton）机制运行，持续读取下一个任务，调用Stitch MCP工具生成网页内容，并将生成的HTML和资产整合到网站结构中。每个迭代周期结束后，它都会自动更新接力棒文件，确保项目可以无缝地进行到下一个开发步骤，实现端到端的自动化网站构建。

前端代码转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和移动平台生成专业、结构化且符合上下文的设计输出。

网页设计转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项目。它通过直接流式传输文件，绕过了标准工具调用的限制，确保即使是大型视觉资产或复杂的网页也能准确处理。这对于将本地设计迭代整合到云端原型开发流程中至关重要。

1

语言