下载

Skill UI

浏览并发现 9908+ 精选技能

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

搜索 UI组件，共找到 293 条记录

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

高级前端工程化指南

design-taste-frontend-v1

Leonxlnx/taste-skill

这是一个专业的、全面的前端代码生成指南，用于构建生产级别的React/Next.js组件。它不仅遵循了技术最佳实践，如原子化组件、依赖验证和RSC架构，还通过强制的设计规则（如确定性排版、色彩校准），确保生成的代码在视觉和技术上均达到高水准，避免常见的通用化设计缺陷。

React组件设计模式指南

composition-patterns

sickn33/antigravity-awesome-skills

本指南提供了构建灵活、可维护和可扩展的React组件的最佳实践。它强调使用组合模式和复合组件来避免过度使用布尔属性，并系统介绍了组件架构、状态管理和现代实现技术（包括React 19的建议）。适用于重构复杂系统或设计可复用组件库。

前端代码转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等），从源码文件中提取完整的设计系统文档。它无需运行或构建应用，即可准确地提取颜色、排版、间距、组件模式等视觉元素。非常适用于进行设计审计、记录项目视觉语言或将现有设计系统迁移到设计工具中。

网页设计转React Native组件

stitch-react-native

google-labs-code/stitch-skills

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

上一页 1 2 3...22 23 2425

语言