登录
软件下载 帮助文档 新闻资讯

Skill UI

浏览并发现 19205+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 React ，共找到 392 条记录
默认排序 最新上传 最多下载

React视图过渡动画指南

vercel-react-view-transitions
sickn33/antigravity-awesome-skills
374
本指南详细介绍了如何在React和Next.js中实现视图过渡（View Transitions）。它指导用户使用原生API来创建共享元素动画、页面路由切换和UI状态变化，确保动画具有空间连续性，显著提升用户体验。
查看详情

代码到Stitch设计系统转换

stitch-code-to-design
google-labs-code/stitch-skills
84
该技能用于自动化地将现有的前端代码（如React、Vue、Angular等组件）迁移并转换为Stitch设计系统。它通过串联静态HTML提取、设计系统源码分析和数据上传三个步骤，帮助用户将现有的Web应用代码库结构化，以便在Stitch平台进行迭代和改进。
查看详情

从源码提取设计系统

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

从实时网页应用提取静态HTML

stitch-extract-static-html
google-labs-code/stitch-skills
459
本技能用于从任何正在运行的Web应用（如React、Vue、Next.js等）捕获一个完全自包含的静态HTML快照。它利用Puppeteer技术渲染实时DOM，并自动内联所有CSS样式，同时将图片、资产和背景图转换为Base64编码。这确保了生成的HTML文件无需外部网络即可完整展示，非常适合分享UI状态、制作开发文档或进行离线存档。
查看详情

Stitch设计稿至React Native转换

stitch-react-native
google-labs-code/stitch-skills
383
本技能模拟移动工程师角色，负责将Stitch平台提供的Web设计稿转换为高质量、可投入生产的React Native组件代码。它不仅能实现HTML/CSS到原生组件的结构映射，还能自动提取设计系统中的颜色、间距等主题令牌，并遵循React Native的架构规范，确保代码的可用性和一致性。
查看详情

安卓应用开发技术栈指南

android-dev
sickn33/antigravity-awesome-skills
451
这是一份全面的指南，覆盖生产级安卓及跨平台应用的开发，详细介绍了如何选择技术栈（Kotlin、Flutter、React Native、KMM）以及实现干净架构和MVI/MVVM等现代架构，适用于全生命周期开发。
查看详情

清理Lovable脚手架并优化项目

lovable-cleanup
sickn33/antigravity-awesome-skills
305
本技能旨在指导开发者清理使用Lovable工具创建的Vite + React项目。它系统性地移除所有脚手架、品牌痕迹、占位符资产、生成文档以及多余的依赖包。最终目标是确保代码库是干净、可独立部署且完全属于开发者的。
查看详情

React容器/展示组件生成器

react-container-presentation-component
github/awesome-copilot
182
这是一个用于创建React组件的工具，强制遵循业界标准的容器/展示（Container/Presentation）模式。它会自动搭建完整的组件文件结构，包括TypeScript、Storybook和SCSS样式，并根据组件的性质（UI或功能）进行分类，确保代码规范和可维护性，适用于构建可扩展的组件库。
查看详情

全栈网页UI设计与优化

ckw-design
sickn33/antigravity-awesome-skills
238
这是一个全面的前端设计工具，适用于构建任何类型的Web界面，包括组件、页面和仪表盘。它不仅关注视觉美学（颜色、排版、间距），更深入到响应式布局、用户体验审计和设计系统实现。当用户要求优化或完善任何界面的外观和使用感受时，应使用此技能。
查看详情

竞争对手信号智能分析

competitor-signal-tracker
mohitagw15856/pm-claude-skills
228
本技能能够将零散的竞争对手信息（包括新功能、定价变更、招聘或合作）转化为结构化的战略情报。它不仅分析“发生了什么”，更关键地评估“这对我们意味着什么”，提供威胁等级、路线图影响和具体可执行的应对建议。
查看详情

粗野主义排版设计指南

brutalist-typography
sickn33/antigravity-awesome-skills
448
本指南提供在网页和移动应用中实现“粗野主义排版”风格的完整技术手册。该风格故意打破传统设计规则，使用超大尺寸的系统字体、撞色配色（黑、白、红）以及侵略性的布局（重叠、负边距），营造出原始、醒目且不加修饰的视觉冲击力。包含详细的CSS、SwiftUI、Flutter和React Native实现示例。
查看详情

卡片式设计布局指南

card-based-design
sickn33/antigravity-awesome-skills
167
本指南提供了卡片式设计（Card-Based Design）的完整实现方案，适用于需要展示大量精炼信息、瀑布流布局或内容卡片的场景。内容覆盖了从Web端的响应式CSS Grid布局，到移动端的SwiftUI、Flutter和React Native等主流框架的实现技巧，确保视觉清晰、边界分明。
查看详情
上一页123...15161718192021...313233下一页
语言
简体中文
English