探索技能

为网页、图像、演示文稿和视频找到原创工作流。

38 个技能匹配 “frontend”
清除筛选
演示文稿

Frontend Slides

用编程 Agent 制作带动画的 HTML 演示稿,通过可视化预览挑选风格,生成单文件幻灯片,也可将已有 PowerPoint 转为网页演示。

3.2万Stars2466Forks
仓库最近推送
Claude Academy 学习推荐示例:直接回答后链接至官方 Claude Code 学习入口
免费
网页与界面

Frontend Design

围绕真实内容选择字体、构图与视觉方向,制作有辨识度的网页界面。

19.3万Stars2.3万Forks
仓库最近推送

使用 Extract Design System from Frontend Code 工作流完成相关任务。

  • design systems
  • documentation
8963Stars1069Forks
仓库最近推送
Agent Skills 封面,展示规格、规划、构建、测试、评审、简化与上线的工作流标签。
免费
网页与界面

Frontend UI Engineering

依据项目设计系统构建响应式组件,完善无障碍交互及应用状态。

11.6万Stars1.2万Forks
仓库最近推送
Impeccable — design directions and gallery
免费
网页与界面

Impeccable

Impeccable 是面向 AI 编程 Agent 的前端设计 Skill,帮助你制作和改进界面,涵盖排版、布局、可访问性、响应式适配与浏览器实时迭代。

10.9万Stars6457Forks
仓库最近推送

使用 Baseline UI 工作流完成相关任务。

  • ui design
  • frontend
1.1万Stars529Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Variant: UI Alternatives

在实际页面中构建多个组件方案并比较取舍。

1.2万Stars468Forks
仓库最近推送

使用 Refactoring UI Design System 工作流完成相关任务。

  • ui design
  • frontend
2702Stars266Forks
仓库最近推送

根据截图或原型实现界面,并将渲染结果与参考图比较。

  • frontend
  • image to code
96Stars13Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Break: Component Stress Test

在临时页面中按相关极端场景渲染并压力测试指定组件。

1.2万Stars468Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

State Machine: Component States

用模拟数据和切换器,在临时页面展示组件的各个状态。

1.2万Stars468Forks
仓库最近推送
作者展示的 Instruct 原网站与重建页面并排对比图。
免费
网页与界面

AI Website Cloner Template

让 AI 编程 Agent 将参考网站重建为可编辑的 Next.js 页面,检查响应式布局、素材和交互,再与原页面逐项对照。

3.9万Stars5804Forks
仓库最近推送

Vue Best Practices

vuejs-ai community

在 Vue 项目中参考 Vue 3 组件、响应式与 SSR 指引。

  • vue
  • frontend
3331Stars198Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面

Build Design

使用项目现有组件与设计变量,将 Figma 或图片中的设计实现为界面。

1.2万Stars468Forks
仓库最近推送
硬盘的爆炸技术插画,展示盖板、磁头组件、盘片、外壳与电路板。
免费
网页与界面14 个 Skills

Interfaces Skills

14 个 Agent Skill,覆盖界面审查、UI 实现、组件测试和技术插画。

1.2万Stars468Forks
仓库最近推送

用具体规则打磨前端界面的排版、嵌套圆角、阴影、图标、点击区域与克制动效,并输出快速或完整审查。

  • ui-design
  • ux-design
  • interaction-design
3997Stars169Forks
仓库最近推送

UI Craft

educlopez

使用 UI Craft 工作流完成相关任务。

  • ui design
  • frontend
459Stars24Forks
仓库最近推送

Vite

Anthony Fu

处理 Vite 配置、插件、服务端渲染和库构建。

  • vite
  • frontend
6065Stars343Forks
仓库最近推送

Vue

Anthony Fu

查阅 Vue 组件、响应式和 Composition API 参考资料。

  • vue
  • frontend
6065Stars343Forks
仓库最近推送
DeepSeek Harness 中的 Voyager 提示词管理器。
免费
开发与 API

Voyager Plugin Engineering

创建或修改 Voyager 声明式插件、站点适配器与原生基础能力。

2.1万Stars698Forks
仓库最近推送

swiftui-design-skill:来自原 GitHub 项目的可复用 Skill。design skill for Claude AI. Grade A. SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.

  • design
  • go
  • swift
211Stars12Forks
仓库最近推送
Taste Skill 首页:前端设计框架介绍、安装命令与网页示例。
免费
网页与界面

Taste Skill

为 AI 网页与应用界面提供视觉指导、真实图片、独立的页面和应用工作流,以及浏览器检查。主入口为 design-taste-frontend。

11.4万Stars7661Forks
仓库最近推送

在已有前后端中配置或修复 Turnstile 验证。

  • cloudflare
3348Stars349Forks
仓库最近推送
Claude Academy 学习推荐示例:直接回答后链接至官方 Claude Code 学习入口
免费
测试与安全

Web App Testing

用 Playwright 检查本地网页,执行前端流程,并记录截图与浏览器日志。

19.3万Stars2.3万Forks
仓库最近推送