Token导航 LogoToken导航TokenDH.com
AI 工具执行命令github未标认证来源可访问clear审计提醒

frontend-specialist前端专家

Agent Skill

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

总安装

242

周安装

10

GitHub Stars

22

下载量

79
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

3

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 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

简介

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。

  • 适合生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构或定位布局问题。
  • 通过 npx skills add 命令从指定仓库安装并使用。
  • 需结合项目现有设计系统、路由和构建方式使用,避免生成孤立片段;涉及页面改动时应配合本地预览和构建检查确认视觉效果。
  • 建议结合原始 README 核验具体用法和功能边界。

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/,按树形结构组织。

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

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 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在 warning/failed 结果,不能写成本站确认安全。

来源信息

继续浏览同类 Skills