下载

Skill UI

浏览并发现 5066+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 CSS ，共找到 23 条记录

默认排序最新上传最多下载

样式组件助手

styled-components-helper

jeremylongshore/claude-code-plugins-plus-skills

在前端开发中自动响应有关样式组件助手的需求，提供分步指导、最佳实践、可上线代码以及符合标准的验证，覆盖 React、Vue 和现代 CSS 工作流。

Tailwind 类名优化器

tailwind-class-optimizer

jeremylongshore/claude-code-plugins-plus-skills

为前端开发者自动优化 Tailwind 类名，提供最佳实践、校验样式、生成兼容 React/Vue 的高性能可访问性代码，提升构建效率。

浏览器兼容性测试

testing-browser-compatibility

jeremylongshore/claude-code-plugins-plus-skills

使用 Playwright 在 Chromium、Firefox 和 WebKit 以及移动设备模拟器上运行多浏览器测试，验证 CSS、JS、布局等特性兼容性，并生成报告和截图以便比对和修复。

Vue 组合式函数助手

vue-composable-creator

jeremylongshore/claude-code-plugins-plus-skills

自动触发的前端技能，指导开发者构建 Vue 组合式逻辑，输出规范代码并校验，同时涵盖 React/Vue/CSS/无障碍/性能等现代开发要素。

Web界面审查指南

web-design-guidelines

CloudAI-X/claude-workflow-v2

针对 Web 界面审核提供规范，涵盖无障碍、性能、响应式、组件模式、CSS、安全与国际化等内容，适用于 UI 审计、可访问性检查和设计评估场景。

Web指标监控器

web-vitals-monitor

jeremylongshore/claude-code-plugins-plus-skills

此技能在前端开发中自动触发，提供 Web Vitals 监测与优化的流程指导、最佳实践、代码示例以及校验标准，覆盖 React、Vue、CSS 与无障碍等重点领域。

交互式前端幻灯片

frontend-slides

affaan-m/everything-claude-code

创建零依赖、动效丰富的 HTML 演示，可从空白或 PPT 转换，强制视口适配、可访问导航与风格探索，适用于推介、培训或内部分享。

Expo Tailwind 配置指南

expo-tailwind-setup

sickn33/antigravity-awesome-skills

在 Expo 中结合 react-native-css 与 NativeWind v5 配置 Tailwind CSS v4，提供 Metro、PostCSS 和 CSS 组件封装示例，实现 iOS/Android/Web 通用样式并去除旧 Babel 设置。

动画性能审核指南

fixing-motion-performance

sickn33/antigravity-awesome-skills

通过针对布局抖动、重绘属性、滚动关联运动和滤镜等规则执行审核和修复，使 CSS/JS UI 动画保持流畅，同时不迁移现有动画库。

新建 Rails 项目

new-rails-project

sickn33/antigravity-awesome-skills

按照最新栈（Rails 8 + PostgreSQL + Inertia.js + React + Vite + Tailwind + Sidekiq 8 + Redis）生成新项目，要求 UUID 主键、timestamptz、JSONB、加密字段、minitest+mocha/VCR 以及 TSX 前端，确保开发与生产设定一致并通过基础验证。

Anime.js 高保真动效

animejs-animation

sickn33/antigravity-awesome-skills

使用 Anime.js 构建复杂、具冲击力的网页动画，控制 DOM、CSS 与 SVG 的时间线、错落节奏与自定义缓动，让界面呈现奢华、流畅的动效。

语言