Token导航 LogoToken导航

Agent Skill · AI 工具

frontend-specialist(前端专家)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

frontend-specialist 是AI 工具类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为执行命令;许可证为 MIT,第三方扫描有提醒项,按安装量在AI 工具类的 2,536 个 Skill 里排第 2,314。

总安装 242周安装 10GitHub Stars 22下载 79核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:frontend-specialist(前端专家)
来源仓库:https://github.com/prorise-cool/prorise-claude-skills
仓库路径:skills/frontend-specialist
安装命令:
npx skills add https://github.com/prorise-cool/prorise-claude-skills --skill frontend-specialist
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/prorise-cool/prorise-claude-skills --skill frontend-specialist

这个 Skill 是做什么的

AI 工具类 Skill 用来扩展助手本身的能力,例如接模型、接检索、接外部服务。

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。适合生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构或定位布局问题。通过 npx skills add 命令从指定仓库安装并使用。

需结合项目现有设计系统、路由和构建方式使用,避免生成孤立片段;涉及页面改动时应配合本地预览和构建检查确认视觉效果。建议结合原始 README 核验具体用法和功能边界。

来源仓库内路径:skills/frontend-specialist

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/prorise-cool/prorise-claude-skills --skill fro…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要执行命令,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

frontend-specialist 怎么安装?

在终端执行 npx skills add https://github.com/prorise-cool/prorise-claude-skills --skill frontend-spec…。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

frontend-specialist 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

frontend-specialist 需要什么权限?

权限级别是执行命令。安装流程涉及命令执行,可能通过 npx skills add https://github.com/prorise-cool/prorise-claude-skills --skill frontend-specialist;npx skills add prorise-cool/prorise-claude-skills --skill "frontend-specialist" 联网下载 Skill 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

frontend-specialist 是免费的吗?

来源标注的许可证是 MIT。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

frontend-specialist 用的人多吗?

公开数据是累计安装 242 次,近一周安装 10 次,下载 79 次,GitHub 22 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

frontend-specialist 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 3 个目录同时收录,说明这个 Skill 流传比较广。
  • 许可证明确为 MIT,商用和分发边界好判断。

先想清楚的地方

  • 需要执行命令,装到常用环境前要先评估影响面。
  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理AI 工具类任务、又不想每次都手写提示词的人。

不太适合

  • 不能接受 Skill 在你机器上执行命令的人。
  • 需要厂商级技术支持和 SLA 的生产系统。

AI 工具类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
executing-plans

执行计划 · Codex、Claude

1,515,336173,110只读MIT通过
verification-before-completion

完成前的验证 · Codex、Claude

1,319,472173,121权限未标注MIT通过
subagent-driven-development

子 Agent 驱动开发 · Codex、Claude

1,312,416173,138只读MIT通过
copy-editing

复制编辑 · Codex、Claude

1,209,57625,632只读MIT通过
paywall-upgrade-cro

付费专区升级 cro · Codex、Claude

1,030,17625,617只读MIT通过
frontend-specialist

前端专家 · 本页

24222执行命令MIT有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Frontend Specialist

提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。

Skill Index

以下索引由 node scripts/update-skill-index.js 自动生成,用于让 Claude 在顶层专家触发后继续路由到最相关的子技能。

Claude 使用说明

  1. 先将用户当前任务与每个子技能的 触发语义 进行语义匹配,不要只看目录名。
  2. 一旦找到最相关的子技能,立即打开其 入口文件 指向的 SKILL.md,把它作为下一层入口。
  3. 进入子技能后,再根据该子技能自己的说明按需加载同目录下的 references/、scripts/、assets/,不要在顶层专家中预先展开大段细节。
  4. 如果多个子技能都相关,先加载最贴近主目标的那个,再按需补充其他子技能,避免一次性加载过多上下文。
  5. 下方 入口文件 路径相对于项目根目录,可直接用于 Read 操作。

子技能索引

artifact-engineering (1)
  • artifacts-builder

- 触发语义: 一套用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的多组件 claude.ai HTML 工件的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂工件,不适用于简单的单文件 HTML/JSX 工件。 - 入口文件: .claude/skills/frontend-specialist/references/domains/artifact-engineering/SKILL.md

blender-addon-engineer (1)
  • blender-add-on-engineer

- 触发语义: Blender tooling specialist - Builds Python add-ons, asset validators, exporters, and pipeline automations that turn repetitive DCC work into reliable one-click workflows - 入口文件: .claude/skills/frontend-specialist/references/domains/blender-addon-engineer/SKILL.md

frameworks (1)
  • vue-best-practices

- 触发语义: Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar. This skill should be used when writing, reviewing, or refactoring Vue components to ensure correct typing patterns. Triggers on tasks involving Vue components, props extraction, wrapper components, template type checking, or Volar configuration. - 入口文件: .claude/skills/frontend-specialist/references/domains/frameworks/vue-best-practices/SKILL.md

frontend-developer (1)
  • frontend-developer

- 触发语义: Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks, UI implementation, and performance optimization - 入口文件: .claude/skills/frontend-specialist/references/domains/frontend-developer/SKILL.md

game-audio-engineer (1)
  • game-audio-engineer

- 触发语义: Interactive audio specialist - Masters FMOD/Wwise integration, adaptive music systems, spatial audio, and audio performance budgeting across all game engines - 入口文件: .claude/skills/frontend-specialist/references/domains/game-audio-engineer/SKILL.md

game-designer (1)
  • game-designer

- 触发语义: Systems and mechanics architect - Masters GDD authorship, player psychology, economy balancing, and gameplay loop design across all engines and genres - 入口文件: .claude/skills/frontend-specialist/references/domains/game-designer/SKILL.md

godot-gameplay-scripter (1)
  • godot-gameplay-scripter

- 触发语义: Composition and signal integrity specialist - Masters GDScript 2.0, C# integration, node-based architecture, and type-safe signal design for Godot 4 projects - 入口文件: .claude/skills/frontend-specialist/references/domains/godot-gameplay-scripter/SKILL.md

godot-multiplayer-engineer (1)
  • godot-multiplayer-engineer

- 触发语义: Godot 4 networking specialist - Masters the MultiplayerAPI, scene replication, ENet/WebRTC transport, RPCs, and authority models for real-time multiplayer games - 入口文件: .claude/skills/frontend-specialist/references/domains/godot-multiplayer-engineer/SKILL.md

godot-shader-developer (1)
  • godot-shader-developer

- 触发语义: Godot 4 visual effects specialist - Masters the Godot Shading Language (GLSL-like), VisualShader editor, CanvasItem and Spatial shaders, post-processing, and performance optimization for 2D/3D effects - 入口文件: .claude/skills/frontend-specialist/references/domains/godot-shader-developer/SKILL.md

level-designer (1)
  • level-designer

- 触发语义: Spatial storytelling and flow specialist - Masters layout theory, pacing architecture, encounter design, and environmental narrative across all game engines - 入口文件: .claude/skills/frontend-specialist/references/domains/level-designer/SKILL.md

macos-spatial-metal-engineer (1)
  • macos-spatial-metal-engineer

- 触发语义: Native Swift and Metal specialist building high-performance 3D rendering systems and spatial computing experiences for macOS and Vision Pro - 入口文件: .claude/skills/frontend-specialist/references/domains/macos-spatial-metal-engineer/SKILL.md

mobile-app-builder (1)
  • mobile-app-builder

- 触发语义: Specialized mobile application developer with expertise in native iOS/Android development and cross-platform frameworks - 入口文件: .claude/skills/frontend-specialist/references/domains/mobile-app-builder/SKILL.md

narrative-designer (1)
  • narrative-designer

- 触发语义: Story systems and dialogue architect - Masters GDD-aligned narrative design, branching dialogue, lore architecture, and environmental storytelling across all game engines - 入口文件: .claude/skills/frontend-specialist/references/domains/narrative-designer/SKILL.md

rapid-prototyper (1)
  • rapid-prototyper

- 触发语义: Specialized in ultra-fast proof-of-concept development and MVP creation using efficient tools and frameworks - 入口文件: .claude/skills/frontend-specialist/references/domains/rapid-prototyper/SKILL.md

roblox-avatar-creator (1)
  • roblox-avatar-creator

- 触发语义: Roblox UGC and avatar pipeline specialist - Masters Roblox's avatar system, UGC item creation, accessory rigging, texture standards, and the Creator Marketplace submission pipeline - 入口文件: .claude/skills/frontend-specialist/references/domains/roblox-avatar-creator/SKILL.md

roblox-experience-designer (1)
  • roblox-experience-designer

- 触发语义: Roblox platform UX and monetization specialist - Masters engagement loop design, DataStore-driven progression, Roblox monetization systems (Passes, Developer Products, UGC), and player retention for Roblox experiences - 入口文件: .claude/skills/frontend-specialist/references/domains/roblox-experience-designer/SKILL.md

roblox-systems-scripter (1)
  • roblox-systems-scripter

- 触发语义: Roblox platform engineering specialist - Masters Luau, the client-server security model, RemoteEvents/RemoteFunctions, DataStore, and module architecture for scalable Roblox experiences - 入口文件: .claude/skills/frontend-specialist/references/domains/roblox-systems-scripter/SKILL.md

technical-artist (1)
  • technical-artist

- 触发语义: Art-to-engine pipeline specialist - Masters shaders, VFX systems, LOD pipelines, performance budgeting, and cross-engine asset optimization - 入口文件: .claude/skills/frontend-specialist/references/domains/technical-artist/SKILL.md

terminal-integration-specialist (1)
  • terminal-integration-specialist

- 触发语义: Terminal emulation, text rendering optimization, and SwiftTerm integration for modern Swift applications - 入口文件: .claude/skills/frontend-specialist/references/domains/terminal-integration-specialist/SKILL.md

unity-architect (1)
  • unity-architect

- 触发语义: Data-driven modularity specialist - Masters ScriptableObjects, decoupled systems, and single-responsibility component design for scalable Unity projects - 入口文件: .claude/skills/frontend-specialist/references/domains/unity-architect/SKILL.md

unity-editor-tool-developer (1)
  • unity-editor-tool-developer

- 触发语义: Unity editor automation specialist - Masters custom EditorWindows, PropertyDrawers, AssetPostprocessors, ScriptedImporters, and pipeline automation that saves teams hours per week - 入口文件: .claude/skills/frontend-specialist/references/domains/unity-editor-tool-developer/SKILL.md

unity-multiplayer-engineer (1)
  • unity-multiplayer-engineer

- 触发语义: Networked gameplay specialist - Masters Netcode for GameObjects, Unity Gaming Services (Relay/Lobby), client-server authority, lag compensation, and state synchronization - 入口文件: .claude/skills/frontend-specialist/references/domains/unity-multiplayer-engineer/SKILL.md

unity-shader-graph-artist (1)
  • unity-shader-graph-artist

- 触发语义: Visual effects and material specialist - Masters Unity Shader Graph, HLSL, URP/HDRP rendering pipelines, and custom pass authoring for real-time visual effects - 入口文件: .claude/skills/frontend-specialist/references/domains/unity-shader-graph-artist/SKILL.md

unreal-multiplayer-architect (1)
  • unreal-multiplayer-architect

- 触发语义: Unreal Engine networking specialist - Masters Actor replication, GameMode/GameState architecture, server-authoritative gameplay, network prediction, and dedicated server setup for UE5 - 入口文件: .claude/skills/frontend-specialist/references/domains/unreal-multiplayer-architect/SKILL.md

unreal-systems-engineer (1)
  • unreal-systems-engineer

- 触发语义: Performance and hybrid architecture specialist - Masters C++/Blueprint continuum, Nanite geometry, Lumen GI, and Gameplay Ability System for AAA-grade Unreal Engine projects - 入口文件: .claude/skills/frontend-specialist/references/domains/unreal-systems-engineer/SKILL.md

unreal-technical-artist (1)
  • unreal-technical-artist

- 触发语义: Unreal Engine visual pipeline specialist - Masters the Material Editor, Niagara VFX, Procedural Content Generation, and the art-to-engine pipeline for UE5 projects - 入口文件: .claude/skills/frontend-specialist/references/domains/unreal-technical-artist/SKILL.md

unreal-world-builder (1)
  • unreal-world-builder

- 触发语义: Open-world and environment specialist - Masters UE5 World Partition, Landscape, procedural foliage, HLOD, and large-scale level streaming for seamless open-world experiences - 入口文件: .claude/skills/frontend-specialist/references/domains/unreal-world-builder/SKILL.md

visionos-spatial-engineer (1)
  • visionos-spatial-engineer

- 触发语义: Native visionOS spatial computing, SwiftUI volumetric interfaces, and Liquid Glass design implementation - 入口文件: .claude/skills/frontend-specialist/references/domains/visionos-spatial-engineer/SKILL.md

wechat-mini-program-developer (1)
  • wechat-mini-program-developer

- 触发语义: Expert WeChat Mini Program developer specializing in 小程序 development with WXML/WXSS/WXS, WeChat API integration, payment systems, subscription messaging, and the full WeChat ecosystem. - 入口文件: .claude/skills/frontend-specialist/references/domains/wechat-mini-program-developer/SKILL.md

xr-cockpit-interaction-specialist (1)
  • xr-cockpit-interaction-specialist

- 触发语义: Specialist in designing and developing immersive cockpit-based control systems for XR environments - 入口文件: .claude/skills/frontend-specialist/references/domains/xr-cockpit-interaction-specialist/SKILL.md

xr-immersive-developer (1)
  • xr-immersive-developer

- 触发语义: Expert WebXR and immersive technology developer with specialization in browser-based AR/VR/XR applications - 入口文件: .claude/skills/frontend-specialist/references/domains/xr-immersive-developer/SKILL.md

xr-interface-architect (1)
  • xr-interface-architect

- 触发语义: Spatial interaction designer and interface strategist for immersive AR/VR/XR environments - 入口文件: .claude/skills/frontend-specialist/references/domains/xr-interface-architect/SKILL.md

Notes

  • 顶层 SKILL.md 仅做索引导航,不承载大体量细节内容。
  • 详细资料下沉到 references/domains/,按树形结构组织。

平台分布

OpenCode

31.82%
按下载量换算25

Codex

25.76%
按下载量换算20

Claude Code

16.58%
按下载量换算13

Antigravity

12.46%
按下载量换算10

Gemini CLI

7.7%
按下载量换算6

windsurf

3.34%
按下载量换算3

安全审计

Gen Agent Trust Hub

可疑

Socket

通过

Snyk

可疑

权限和风险

执行命令

安装流程涉及命令执行,可能通过 npx skills add https://github.com/prorise-cool/prorise-claude-skills --skill frontend-specialist;npx skills add prorise-cool/prorise-claude-skills --skill "frontend-specialist" 联网下载 Skill 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。

继续浏览同类 Skills