下载

Skill UI

浏览并发现 5115+ 精选技能

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

搜索前端，共找到 60 条记录

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

排版字体助手

typography-selector

davepoon/buildwithclaude

辅助浏览 Google 字体、记录流行字体、推荐搭配，并输出导入代码与 Tailwind 配置，让前端团队快速敲定排版系统。

Vue 组件生成器助手

vue-component-generator

jeremylongshore/claude-code-plugins-plus-skills

为前端开发者提供 Vue 组件生成器的自动化指导，涵盖最佳实践、生产级代码和无障碍、性能等校验，适用于现代 Web 项目。

Vue 组合式函数助手

vue-composable-creator

jeremylongshore/claude-code-plugins-plus-skills

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

Web指标监控器

web-vitals-monitor

jeremylongshore/claude-code-plugins-plus-skills

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

本地 Web 应用测试

ComposioHQ/awesome-claude-skills

基于 Playwright 的 Python 工具链，用于驱动和验证本地 Web 应用，管理服务器生命周期，捕捉截图、查看日志，并通过先侦察再执行的流程确保前端行为稳定。

Zustand 状态存储生成器

zustand-store-creator

jeremylongshore/claude-code-plugins-plus-skills

为前端开发者提供 zustand 状态存储的自动化创建和验证，遵循最佳实践，输出可直接投入生产的配置与代码。

Claude 前端交付构建器

web-artifacts-builder

sickn33/antigravity-awesome-skills

提供脚本快速初始化 React+Tailwind+shadcn/ui 项目，按照流程开发 claude.ai 页面艺术品并通过 Parcel 打包成单一 HTML，便于即时共享不会产生 AI slop。

交互式前端幻灯片

frontend-slides

affaan-m/everything-claude-code

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

新建 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 前端，确保开发与生产设定一致并通过基础验证。

性能优化指南

performance-optimizer

sickn33/antigravity-awesome-skills

本技能帮助开发者诊断应用、接口、数据库及前端包体的性能瓶颈，通过测量、分析、索引、缓存、并发、精简数据等策略优化，并验证改进效果，适合解决卡顿或响应慢的问题。

界面重构设计指南

jeremylongshore/claude-code-plugins-plus-skills

通过灰度优先的层级、受限的间距尺度、模块化排版和组件细节框架，审查并修复前端界面，让视觉秩序和风格成熟后再上色。

工程团队技能

engineering-skills

alirezarezvani/claude-skills

汇集 23 项成熟工程技能，覆盖架构、前端、后端、QA、运维、安全、AI/ML、数据工程及 Playwright Pro、Stripe、AWS、MS365 等专项工具，并提供 30+ 免 pip 的纯 stdlib Python 自动化脚本，兼容 Claude Code、Codex CLI 与 OpenClaw。

上一页 1 2 3 45

语言