Frontend Specialist

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