下载

Skill UI

浏览并发现 10410+ 精选技能

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

搜索样式，共找到 35 条记录

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

Figma设计系统迁移自动化

figma-migration-deep-dive

jeremylongshore/claude-code-plugins-plus-skills

用于自动化设计系统和设计令牌在多个Figma文件或外部工具之间的迁移过程。它覆盖了完整的流程：资产盘点、提取原始样式数据（颜色、排版、特效），将其转换为结构化的设计令牌，并最终通过Variables API写入目标文件。适用于维护大型设计库的一致性。

富文本编辑器开发组件库

webiny-admin-lexical-catalog

webiny/webiny-js

本模块提供了一套完整的富文本编辑器开发组件库，专注于构建复杂的行政管理界面。它汇集了用于管理选区、处理文本样式（如字体颜色、对齐）、渲染HTML以及提供基础UI组件（如下拉菜单）的Hooks和抽象类。适用于需要构建功能强大、专业化后台管理系统或内容管理系统的开发场景。

HTML/CSS转PDF报告生成器

opensquilla/opensquilla

使用WeasyPrint将带有CSS样式的HTML内容转换为高质量、可打印的PDF文件。适用于将结构化的报告、发票、模板或仪表盘导出为PDF格式。支持复杂的CSS分页媒体规则，如页眉、页脚和精确的页面断点，确保文档布局专业美观。

前端代码转Stitch设计

stitch-code-to-design

google-labs-code/stitch-skills

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

提取静态自包含HTML

stitch-extract-static-html

google-labs-code/stitch-skills

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

网页设计转React Native组件

stitch-react-native

google-labs-code/stitch-skills

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

Power BI 主题合规与优化

modifying-theme-json

data-goblin/power-bi-agentic-development

用于审计、设计和维护 Power BI 报表主题的专业工具。本技能旨在解决报表格式不一致和“格式债”问题，通过将所有视觉自定义格式推送到主题级别，实现全局样式统一管理。适用于需要确保报表遵循设计规范的开发流程。

Markdown样式审查与润色工具

yzhao062/agent-style

这是一个用于AI生成Markdown内容的后期审查工具。它能根据一套包含21条的风格和结构规则，对内容进行深度审计，结合了机械检测和语义判断。用户可以对单个文件进行审计，获得详细的得分卡；也可以进行两个草稿的A/B对比，用于回归测试。此外，该工具还能可选地生成一个精修、润色的新副本，确保内容质量和风格一致性。适用于完善AI撰写文档、报告和文章。

React容器/展示组件生成器

react-container-presentation-component

github/awesome-copilot

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

统一设计与品牌系统

nextlevelbuilder/ui-ux-pro-max-skill

这是一个全方位的综合设计技能，覆盖了从品牌识别到最终数字资产的整个创作流程。功能包括构建品牌身份、定义设计规范（Tokens）、UI组件样式、AI生成Logo、企业品牌识别程序（CIP）模版、专业演示文稿、多平台横幅设计和社交媒体图片制作。是专业图形和数字资产的统一中心。

进阶UI组件与设计系统构建

nextlevelbuilder/ui-ux-pro-max-skill

这是一个综合性的技能，用于构建现代、美观且高度可访问的用户界面。它结合了shadcn/ui组件的易用性和可访问性，利用Tailwind CSS实现强大的工具类样式，并融入了画布级的视觉设计理念。适用于开发复杂的React应用、构建完整的企业级设计系统、实现跨设备响应式布局，以及需要专业级视觉效果的场景。

语言