登录
下载

Skill UI

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

网页无障碍访问性审计

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

学术会议海报生成器

paper-poster-html
wanshuiyin/Auto-claude-code-research-in-sleep
469
这是一个专业的学术会议海报生成流程，可将您的研究内容构建为打印级别的HTML/CSS文件，并精确渲染为PDF。该系统内置了测量驱动的硬性检查门，采用双色设计系统和图件来源证明机制，确保海报符合顶级学术会议的严格出版规范和尺寸要求。
查看详情

HTML与CSS转PDF渲染

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

从源码提取设计系统

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

提取静态自包含HTML

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

网页设计转React Native组件

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

React容器/展示组件生成器

react-container-presentation-component
github/awesome-copilot
200
这是一个用于创建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等主流框架的实现技巧，确保视觉清晰、边界分明。
查看详情
上一页1234567891011下一页
语言
简体中文
English