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

Skill UI

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

Figma到React组件代码生成

anima-core-workflow-a
jeremylongshore/claude-code-plugins-plus-skills
386
该工作流自动化了从Figma设计到React代码的完整流程。它能扫描Figma组件，批量生成可用的React组件代码，并具备设计变更检测功能。这极大地替代了传统的手动设计交付流程，是构建设计系统和实现设计-代码持续同步的最佳方案。
查看详情

语义设计系统文档生成

design-md
google-labs-code/stitch-skills
270
本技能充当专家级设计系统负责人，能够深度分析现有项目（包含HTML、CSS和截图）的技术资产。它将提取并综合一套完整的“语义设计系统”，生成一份结构化的DESIGN.md文件。该文件是权威的“单一事实来源”，确保后续使用AI工具（如Stitch）生成的所有新界面，都能完美遵循既定的视觉语言、色彩规范和组件标准。
查看详情

Figma设计令牌提取与转换

figma-core-workflow-a
jeremylongshore/claude-code-plugins-plus-skills
64
本工作流旨在为构建设计到代码的自动化流程提供支持。它通过Figma API连接，提取设计系统中的核心设计令牌，包括颜色、排版和间距等。这些设计资源将被结构化地转换为代码格式，如CSS自定义属性或JSON令牌，确保设计稿和代码实现的高度一致性。
查看详情

创建OneNote笔记本结构

onenote-hello-world
jeremylongshore/claude-code-plugins-plus-skills
132
本技能提供了使用Graph API创建完整OneNote结构（包括笔记本、版面和页面）的详细指南和代码示例。重点讲解了OneNote对XHTML格式的严格要求，并指导用户避免常见的HTML错误（如未闭合标签、不支持的CSS属性），从而确保API调用时的内容完整性和正确渲染。
查看详情

静态页面云端部署

static-deploy
nexu-io/nexu
175
用于将静态网站文件（包括HTML、CSS、JS、图片等）部署到指定的云端域名。该技能通过Cloudflare Pages实现自动化部署，适用于单页应用、作品集、登陆页或文档网站。它能处理文件分阶段和缓存规则，确保部署后的内容是最新的。
查看详情

动态运动视觉设计

motion-frames
nexu-io/open-design
61
该技能旨在使用纯CSS动画生成单帧循环动效，模拟专业的运动设计作品。它作为一个高保真的海报帧，专门为关键帧导出器（如HyperFrames）设计，可用于制作营销活动中的动画英雄、标题卡或视频海报。适用于需要复杂动态效果的创意场景。
查看详情

像素风格动画教育展示页

sprite-animation
nexu-io/open-design
76
用于生成单帧的教育或历史类动画展示页。该技能采用像素艺术和复古的8位风格，包含动画角色、动态文字和时间轴，非常适合用于制作需要怀旧、科普或品牌故事展示的营销或教育视频内容。
查看详情

实时设计参数调整面板

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输出的界面既具备高度的视觉一致性，又符合成熟的行业设计标准。
查看详情

高级单页落地页生成器

landing
alirezarezvani/claude-skills
478
该技能能够生成高质量、自包含的单页HTML落地页，并集成3D CSS动画、GSAP滚动效果和鼠标视差深度等高级视觉效果。它通过结构化的产品、受众、品牌色和语气提问，确保生成的页面高度贴合实际产品，从而最大化转化效果。适用于制作专业的产品宣传页、营销页面或一次性展示页。
查看详情

高保真前端开发规范

design-taste-frontend-v1
Leonxlnx/taste-skill
366
本技能集提供了一套严格的工程和设计规范，指导用户使用React/Next.js和Tailwind CSS构建专业级的前端界面。它涵盖了从架构限制（如状态管理、组件分离）到设计细节（如排版、色彩、布局）的各项最佳实践，旨在消除常见的网页设计缺陷，确保代码具备高保真度和生产可用性。
查看详情
上一页1234567891011下一页
语言
简体中文
English