下载

Skill UI

浏览并发现 9688+ 精选技能

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

搜索视觉设计，共找到 21 条记录

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

Figma设计到代码生成

anima-hello-world

jeremylongshore/claude-code-plugins-plus-skills

本技能利用Anima SDK，能够将Figma设计稿高效转换为生产级别的代码。支持React、Vue、纯HTML等多种主流框架，并集成Tailwind CSS样式。它帮助开发者将设计视觉流转为可用的代码组件，适用于前端开发和设计原型验证。

图像驱动的网站设计与开发

Leonxlnx/taste-skill

这是一个专业的网站设计与开发技能，充当顶级的艺术指导和实现策略师。它强制遵循“图像优先”的工作流：首先为网站的各个部分生成高质量、艺术化的设计图片（而不是直接生成代码），然后深入分析这些视觉参考，最后将其转化为结构清晰、易于实现的完整前端代码。适用于需要高视觉美感和专业度的品牌网站、产品落地页等。

UI截图转Vue 3组件生成器

affaan-m/everything-claude-code

本工具能够将UI设计截图或视觉导出图片，批量自动转换为结构化的Vue 3 Composition API组件代码。它支持Vant、Element Plus和Ant Design Vue等主流UI库，帮助开发者实现从设计稿到可运行代码的快速转换，是提高前端开发效率的强大辅助工具。

Colorful设计系统实现指南

bergside/awesome-design-skills

这是一份用于构建现代、高对比度用户界面的全面技术与审美指南。系统定义了颜色令牌、排版比例和间距网格等基础约束，并严格遵循WCAG 2.2 AA可访问性标准。它为组件状态、交互和开发流程提供了结构化规则，确保产品视觉一致性和卓越的用户体验。

幻想设计系统规范撰写专家

bergside/awesome-design-skills

这是一个专业的设计系统指南撰写工具，用于为项目创建全面、可落地的设计规范。它涵盖了色彩、排版、间距等基础要素，严格遵循WCAG 2.2 AA无障碍标准，帮助设计师和工程师建立一套结构化、可扩展且视觉效果顶级的UI规范。

玻璃拟态设计系统专家指南

bergside/awesome-design-skills

本技能提供了一套全面的玻璃拟态（Glassmorphism）设计系统构建指南。它为工程师和设计师提供了可落地的实战规则，涵盖了风格基础、组件结构、交互状态管理以及WCAG 2.2 AA可访问性要求。使用本指南可以确保整个产品的用户界面具有视觉一致性、高性能和现代美感。

出版物设计系统规范生成器

bergside/awesome-design-skills

这是一个用于为书籍、杂志和报告等出版物撰写专业设计系统规范的工具。它生成高度结构化的设计指南，覆盖了视觉令牌、排版系统、组件状态、可访问性标准（WCAG）和内容语气，确保输出结果可以直接供工程师和设计师落地实现。

设计系统指南撰写专家

bergside/awesome-design-skills

这是一个设计系统专家助手，指导用户撰写结构化、可落地的设计系统指南。它涵盖了视觉基础、组件规范、可访问性标准（WCAG 2.2 AA）和详细的撰写流程，旨在为设计和工程团队提供一套完整、一致的规则。

Sleek设计系统规范

bergside/awesome-design-skills

本指南为创建现代、极简、功能强大的设计系统提供了全套规范。它定义了排版、颜色令牌、间距等基础设计元素，并严格遵循WCAG 2.2 AA无障碍标准。为设计和工程人员提供结构化的工作流、组件规则和质量门槛，确保产品体验在视觉和交互上高度一致。

语言