登录
软件下载
帮助文档
新闻资讯
Skill UI
浏览并发现
15857+
精选技能
全部
编程开发
人工智能
设计创意
产品商业
数据科学
市场营销
职场通用
效率工具
硬件工程
语言学习
搜索
CSS
,共找到
41
条记录
默认排序
最新上传
最多下载
HTML PPTX 海报制作
pptx-posters
K-Dense-AI/claude-scientific-skills
358
通过 HTML/CSS 模板制作研究海报,导出 PDF 或 PPTX,满足明确提出 PowerPoint 格式需求,结合响应式布局与 AI 视觉素材,方便快速预览与迭代。
查看详情
网页排版与字体设计指南
web-typography
jeremylongshore/claude-code-plugins-plus-skills
382
本指南提供了一套全面的网页排版和字体选择系统。它深入讲解了从字体选择、搭配到 CSS 实现的各个环节,帮助用户提高文本的可读性和阅读体验,无论是长文内容、数据看板还是整体UI系统,都能确保内容流畅、舒适地传达给读者。
查看详情
电影级2.5D网页设计专家
epic-design
alirezarezvani/claude-skills
214
本技能可将静态网站升级为沉浸式、电影感的2.5D交互体验。它利用滚动叙事、视差效果和高级动画,模拟顶级产品页面的设计感,无需WebGL或复杂3D软件。适用于打造高端、具有视觉冲击力的着陆页、产品展示页或任何需要“活起来”的网页部分。
查看详情
学术海报生成工具
paper-poster
wanshuiyin/Auto-claude-code-research-in-sleep
396
注意:此技能已过时,不应再用于创建新的海报。相关功能已由 /paper-poster-html 替代。用户必须立即迁移到新的 HTML/CSS 流程来生成准确、符合尺寸限制的海报,切勿使用旧的 LaTeX 工作流。
查看详情
语义设计系统文档生成
design-md
google-labs-code/stitch-skills
270
本技能充当专家级设计系统负责人,能够深度分析现有项目(包含HTML、CSS和截图)的技术资产。它将提取并综合一套完整的“语义设计系统”,生成一份结构化的DESIGN.md文件。该文件是权威的“单一事实来源”,确保后续使用AI工具(如Stitch)生成的所有新界面,都能完美遵循既定的视觉语言、色彩规范和组件标准。
查看详情
动态运动视觉设计
motion-frames
nexu-io/open-design
61
该技能旨在使用纯CSS动画生成单帧循环动效,模拟专业的运动设计作品。它作为一个高保真的海报帧,专门为关键帧导出器(如HyperFrames)设计,可用于制作营销活动中的动画英雄、标题卡或视频海报。适用于需要复杂动态效果的创意场景。
查看详情
实时设计参数调整面板
tweaks
nexu-io/open-design
224
该技能可以将任何HTML设计稿(如着陆页、仪表板)包裹在一个侧边栏控制面板中。用户可以通过该面板实时调整多个设计变量,包括主色、字号比例、布局密度和深浅模式等,这些调整都是通过重写CSS自定义属性实现的。所有参数变化都会持久化存储,支持用户持续探索和测试设计的各种变体。
查看详情
网页原型制作工具
web-prototype
nexu-io/open-design
272
本工具用于生成通用、专业的单页网页原型。它通过组合预设的版块和严格遵循设计系统规则来构建页面,非常适合制作落地页、营销页或文档首页,无需编写任何自定义CSS。
查看详情
AI界面设计判断引擎
styleseed
rohitg00/awesome-claude-code-toolkit
197
StyleSeed是一个强大的设计判断引擎,用于提升AI生成的用户界面的专业度和美观度。它囊括了69条视觉设计规则,涵盖色彩纪律、空间节奏、信息层级和动画反馈等关键要素。使用该工具,可以确保AI输出的界面既具备高度的视觉一致性,又符合成熟的行业设计标准。
查看详情
学术会议海报生成器
paper-poster-html
wanshuiyin/Auto-claude-code-research-in-sleep
469
这是一个专业的学术会议海报生成流程,可将您的研究内容构建为打印级别的HTML/CSS文件,并精确渲染为PDF。该系统内置了测量驱动的硬性检查门,采用双色设计系统和图件来源证明机制,确保海报符合顶级学术会议的严格出版规范和尺寸要求。
查看详情
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)的实现方法。该模式用于创建高度结构化、模块化、网格布局的仪表板,模仿现代应用界面,确保设计美观和响应性。
查看详情
1
2
3
4
下一页
语言
简体中文
English