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

Skill UI

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

网页无障碍访问性审计

accesslint-scan
sickn33/antigravity-awesome-skills
332
该技能用于审计实时网页的无障碍访问性。它可以精确识别WCAG（Web内容无障碍指南）违规点，并输出包含CSS选择器的修复工作列表，而不会修改原始代码。适用于进行前端开发和质量保证测试。
查看详情

学术海报 HTML 生成流水线

paper-poster-html
wanshuiyin/Auto-claude-code-research-in-sleep
242
将学术会议海报（ICML/NeurIPS/ICLR/CVPR 等）构建为单个 HTML/CSS 文件，并通过无头 Chromium 渲染为可印刷 PDF；内置测量驱动的硬性校验、真实论文插图溯源清单与双色调设计令牌系统。
查看详情

HTML与CSS转PDF渲染

html-to-pdf
opensquilla/opensquilla
328
该工具利用WeasyPrint将带有CSS样式的HTML内容准确地渲染成PDF文件。它适用于生成静态、带样式的报告、发票、标签或任何HTML/Jinja渲染页面，特别适合源内容已结构化的场景。支持CSS分页媒体功能，包括页尺寸、页边距、页眉和页脚等高级功能。
查看详情

从源码提取设计系统

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的架构规范，确保代码的可用性和一致性。
查看详情

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界面，包括组件、页面和仪表盘。它不仅关注视觉美学（颜色、排版、间距），更深入到响应式布局、用户体验审计和设计系统实现。当用户要求优化或完善任何界面的外观和使用感受时，应使用此技能。
查看详情

AI原生界面设计指南

ai-native-ui
sickn33/antigravity-awesome-skills
224
本指南详细介绍了AI原生界面的美学设计和技术实现，适用于Web和移动应用。核心在于强调对话式交互、自适应布局和生成式状态的视觉反馈，提供了CSS、SwiftUI和Flutter等多平台的代码示例。
查看详情

便当盒式UI组件指南

bento-ui
sickn33/antigravity-awesome-skills
95
本指南详细介绍了“便当盒式UI”设计模式在网页（CSS Grid）、移动端（SwiftUI）和跨平台（Flutter）的实现方法。该模式用于创建高度结构化、模块化、网格布局的仪表板，模仿现代应用界面，确保设计美观和响应性。
查看详情

粗野主义排版设计指南

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等主流框架的实现技巧，确保视觉清晰、边界分明。
查看详情
上一页123456789...151617下一页
语言
简体中文
English