下载

Skill UI

浏览并发现 9183+ 精选技能

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

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

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

使用D3.js进行数据可视化

claude-d3js-skill

sickn33/antigravity-awesome-skills

本技能提供关于使用d3.js创建复杂、交互式和出版级的专业数据可视化的全面指导。内容涵盖数据绑定、实现各种图表类型（如网络图、地理图）、处理复杂过渡动画，以及确保在现代JavaScript框架（React, Vue, Vanilla JS）中的响应式设计。学习完整的从定义比例尺到绘制自定义视觉元素的标准工作流程。

资深工程与UX设计工作流

sickn33/antigravity-awesome-skills

本技能模拟了资深软件工程师和产品设计师的完整工作流程。它强制执行一套严格的开发周期：从规划、架构设计到TDD实现和代码清理。最重要的是，它包含强制性的像素级UX视觉验证，确保输出的界面和体验都是完美无瑕、可直接上线的生产级质量。

精英全周期开发与用户体验校验

nerdzao-elite-gemini-high

sickn33/antigravity-awesome-skills

该工作流模拟了高级软件工程师和高级产品设计师的专业能力，确保输出达到最高标准。它强制执行一个严格的开发流程，涵盖了从规划、架构设计、TDD实现、代码重构到技术审计和最终的像素级UI/UX视觉校验等多个环节。适用于需要代码健壮性和视觉完美度的复杂项目。

PPT演示文稿创建与分析

ComposioHQ/awesome-claude-skills

本技能提供完整的PPT演示文稿处理能力，支持从零开始创建、编辑和分析.pptx文件。无论是提取文本内容，还是深入读取底层的XML结构（用于获取备注、注释、布局），都能实现。同时，它还集成了专业的视觉设计指导，帮助用户根据主题选择合适的配色方案和设计原则，确保演示文稿专业且高效。

用户界面视觉验证专家

ui-visual-validator

sickn33/antigravity-awesome-skills

这是一个资深的视觉验证专家，用于进行严格的用户界面（UI）测试、设计系统合规性检查和无障碍（Accessibility）验证。它能系统性地分析视觉证据，确保跨平台的一致性、像素级的准确度，并校验设计是否符合最新的行业标准和无障碍规范。

进阶JS动画库：复杂Web动画实现

animejs-animation

sickn33/antigravity-awesome-skills

Anime.js是一个轻量级但功能强大的JavaScript动画引擎，专为创建高保真、复杂的Web动画而设计。它提供了对DOM、CSS和SVG元素的精确控制，使开发者能够构建复杂、极具视觉冲击力的用户界面。适合用于编排多阶段落地页、实现元素渐进式展示，并利用高级缓动函数和时间轴来动画化复杂的SVG路径。

魔力AI UI组件生成器

magic-ui-generator

sickn33/antigravity-awesome-skills

该技能利用先进的AI能力，生成和比较多个生产级、现代化的UI组件变体。它不提供单一标准方案，而是提供多种设计选项（如定价表、联系表单），并支持玻璃拟态、动画等高级美学，帮助开发者和设计师打造独特且视觉震撼的界面组件。

Spline 3D 网页嵌入与交互控制

spline-3d-integration

sickn33/antigravity-awesome-skills

本指南是为开发者准备的，旨在学习如何将使用 Spline.design 设计的交互式 3D 场景嵌入到现代网页项目。它涵盖了针对 React、Vue、Next.js 等主流前端框架的专业集成方法，并提供了性能优化和运行时控制的指导，帮助实现视觉震撼的 UI/UX 效果。

SwiftUI液态玻璃效果实现

swiftui-liquid-glass

sickn33/antigravity-awesome-skills

本技能旨在指导用户如何在SwiftUI中实现或审查符合iOS 26+规范的液态玻璃（Liquid Glass）视觉效果。它强调使用原生的Apple API，确保正确的修饰符顺序、兼容性回退机制，以及整体UI设计的流畅性和一致性，是实现前沿iOS界面设计的指南。

沉浸式前端界面设计与构建

premium-frontend-ui

github/awesome-copilot

该技能提供了一套专业级的架构指南，用于生成具有艺术感和高交互性的优质Web界面。它指导代码生成超越基础的HTML/CSS，专注于构建完整的沉浸式数字环境。核心内容涵盖了复杂的动效系统（如滚动驱动叙事、微交互）、独特的视觉风格（如玻璃拟态、极简主义）以及严格的性能优化和无障碍设计规范。

交互式设计系统初始化向导

sickn33/antigravity-awesome-skills

本向导是StyleSeed的一部分，它引导用户完成从原始项目到设计系统指导工作空间的转换。它系统性地收集应用类型、品牌颜色、视觉参考和排版等关键信息，从而生成一致的设计系统，并搭建出具有品牌风格的初始页面骨架。

设计稿到模块化React组件

react-components

google-labs-code/stitch-skills

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

语言