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

Skill UI

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

反重力动态界面设计师

antigravity-design-expert
sickn33/antigravity-awesome-skills
254
专注于“反重力设计”模式，构建具有空间深度、无重力感的交互式网页界面。擅长使用GSAP和3D CSS实现玻璃拟态（Glassmorphism）、等距网格和流畅的滚动动画，适用于构建高端、沉浸式的仪表盘或落地页。
查看详情

shadcn/ui 组件设计系统开发指南

shadcn
sickn33/antigravity-awesome-skills
413
本指南是使用 shadcn/ui 组件库构建现代、可访问、可扩展用户界面（UI）的权威参考。它详细阐述了组件组合原则、样式规范（包括Tailwind CSS的最佳实践）、表单结构和核心开发规则。适用于需要构建复杂设计系统，并确保代码质量和设计一致性的前端开发者。
查看详情

网页排版与字体设计指南

web-typography
jeremylongshore/claude-code-plugins-plus-skills
127
本指南提供了一套全面的网页排版和字体选择系统。它深入讲解了从字体选择、搭配到 CSS 实现的各个环节，帮助用户提高文本的可读性和阅读体验，无论是长文内容、数据看板还是整体UI系统，都能确保内容流畅、舒适地传达给读者。
查看详情

史诗级电影感网页设计

epic-design
alirezarezvani/claude-skills
477
使用纯 CSS、JavaScript 与平面素材，打造具有视差滚动、滚动叙事、文字揭示和 2.5D 纵深感的电影级落地页与首屏设计。
查看详情

学术海报生成工具

paper-poster
wanshuiyin/Auto-claude-code-research-in-sleep
396
注意：此技能已过时，不应再用于创建新的海报。相关功能已由 /paper-poster-html 替代。用户必须立即迁移到新的 HTML/CSS 流程来生成准确、符合尺寸限制的海报，切勿使用旧的 LaTeX 工作流。
查看详情

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

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

设计令牌管理工具

ui-tokens
sickn33/antigravity-awesome-skills
397
本工具用于管理和维护StyleSeed设计系统中的设计令牌（Design Tokens），涵盖颜色、间距、排版和阴影等。它确保通过修改JSON源和CSS自定义属性实现同步，帮助开发者保持UI组件的视觉一致性，并支持深色/浅色模式切换。
查看详情

全面Web开发专家

web-coder
github/awesome-copilot
448
将你塑造成精通 HTML、CSS、JavaScript、Web API、HTTP、性能、安全与可访问性等领域的 Web 工程师，能在前后端项目中始终贯彻现代标准与最佳实践。
查看详情

React设计系统代码生成器

rayden-code
sickn33/antigravity-awesome-skills
78
本工具用于使用指定的Rayden UI组件库和Tailwind CSS，生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。
查看详情

shadcn/ui组件集成指南

shadcn-ui
google-labs-code/stitch-skills
252
本指南为前端工程师提供了一套专业的shadcn/ui组件集成解决方案。它详细介绍了如何使用Tailwind CSS和Radix UI构建应用，涵盖了组件发现、安装流程、项目架构搭建以及高级定制化最佳实践。帮助开发者构建具备完全自主权和高度可定制性的前端应用。
查看详情

Figma设计到代码生成

anima-hello-world
jeremylongshore/claude-code-plugins-plus-skills
97
本技能利用Anima SDK，能够将Figma设计稿高效转换为生产级别的代码。支持React、Vue、纯HTML等多种主流框架，并集成Tailwind CSS样式。它帮助开发者将设计视觉流转为可用的代码组件，适用于前端开发和设计原型验证。
查看详情

Anima本地设计到代码开发循环

anima-local-dev-loop
jeremylongshore/claude-code-plugins-plus-skills
79
该技能提供了一个基于Anima SDK的迭代式开发工作流。它允许开发者在本地环境中，快速地从Figma设计稿生成代码，并能在React、Vue和纯HTML等多个主流框架之间进行实时对比和预览。适用于设计稿到代码的快速验证和原型开发。
查看详情
上一页1234567...151617下一页
语言
简体中文
English