SuperAPI AI Directory

frontend-specialist

Frontend & websites

View repository

Updated 10-15 21:39

About this skill

Frontend Specialist

Provides frontend development, UI implementation, mobile app development, and modern frontend framework capabilities. Use when you need to implement user interfaces, build components, or develop mobile apps.

Skill Index

The following index is node scripts/update-skill-index.js automatically generated to let Claude continue routing to the most relevant sub-skills after a top-level expert is triggered.

Instructions for Claude

  1. First, semantically match the user's current task against each sub-skill's 触发语义 , not just by looking at the directory name.
  2. Once you find the most relevant sub-skill, immediately open the 入口文件 pointed to by its SKILL.md, and use it as the entry point for the next layer.
  3. After entering a sub-skill, load the references/、scripts/、assets/in the same directory as needed according to that sub-skill's own instructions; do not expand large sections of detail in advance at the top-level expert.
  4. If multiple sub-skills are relevant, first load the one closest to the main goal, then supplement with other sub-skills as needed, avoiding loading too much context at once.
  5. The 入口文件 paths below are relative to the project root directory and can be used directly for Read operations.

Sub-skill index

artifact-engineering (1)

  • artifacts-builder
    • Trigger semantics: A toolkit for creating complex multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Suitable for complex artifacts that require state management, routing, or shadcn/ui components; not suitable for simple single-file HTML/JSX artifacts.
    • Entry file: .claude/skills/frontend-specialist/references/domains/artifact-engineering/SKILL.md

blender-addon-engineer (1)

  • blender-add-on-engineer
    • Trigger semantics: Blender tooling specialist - Builds Python add-ons, asset validators, exporters, and pipeline automations that turn repetitive DCC work into reliable one-click workflows
    • Entry file: .claude/skills/frontend-specialist/references/domains/blender-addon-engineer/SKILL.md

frameworks (1)

  • vue-best-practices
    • Trigger semantics: 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.
    • Entry file: .claude/skills/frontend-specialist/references/domains/frameworks/vue-best-practices/SKILL.md

frontend-developer (1)

  • frontend-developer
    • Trigger semantics: Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks, UI implementation, and performance optimization
    • Entry file: .claude/skills/frontend-specialist/references/domains/frontend-developer/SKILL.md

game-audio-engineer (1)

  • game-audio-engineer
    • Trigger semantics: Interactive audio specialist - Masters FMOD/Wwise integration, adaptive music systems, spatial audio, and audio performance budgeting across all game engines
    • Entry file: .claude/skills/frontend-specialist/references/domains/game-audio-engineer/SKILL.md

game-designer (1)

  • game-designer
    • Trigger semantics: Systems and mechanics architect - Masters GDD authorship, player psychology, economy balancing, and gameplay loop design across all engines and genres
    • Entry file: .claude/skills/frontend-specialist/references/domains/game-designer/SKILL.md

godot-gameplay-scripter (1)

  • godot-gameplay-scripter
    • Trigger semantics: Composition and signal integrity specialist - Masters GDScript 2.0, C# integration, node-based architecture, and type-safe signal design for Godot 4 projects
    • Entry file: .claude/skills/frontend-specialist/references/domains/godot-gameplay-scripter/SKILL.md

godot-multiplayer-engineer (1)

  • godot-multiplayer-engineer
    • Trigger semantics: Godot 4 networking specialist - Masters the MultiplayerAPI, scene replication, ENet/WebRTC transport, RPCs, and authority models for real-time multiplayer games
    • Entry file: .claude/skills/frontend-specialist/references/domains/godot-multiplayer-engineer/SKILL.md

godot-shader-developer (1)

  • godot-shader-developer
    • Trigger semantics: 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
    • Entry file: .claude/skills/frontend-specialist/references/domains/godot-shader-developer/SKILL.md

level-designer (1)

  • level-designer
    • Trigger semantics: Spatial storytelling and flow specialist - Masters layout theory, pacing architecture, encounter design, and environmental narrative across all game engines
    • Entry file: .claude/skills/frontend-specialist/references/domains/level-designer/SKILL.md

macos-spatial-metal-engineer (1)

  • macos-spatial-metal-engineer
    • Trigger semantics: Native Swift and Metal specialist building high-performance 3D rendering systems and spatial computing experiences for macOS and Vision Pro
    • Entry file: .claude/skills/frontend-specialist/references/domains/macos-spatial-metal-engineer/SKILL.md

mobile-app-builder (1)

  • mobile-app-builder
    • Trigger semantics: Specialized mobile application developer with expertise in native iOS/Android development and cross-platform frameworks
    • Entry file: .claude/skills/frontend-specialist/references/domains/mobile-app-builder/SKILL.md

narrative-designer (1)

  • narrative-designer
    • Trigger semantics: Story systems and dialogue architect - Masters GDD-aligned narrative design, branching dialogue, lore architecture, and environmental storytelling across all game engines
    • Entry file: .claude/skills/frontend-specialist/references/domains/narrative-designer/SKILL.md

rapid-prototyper (1)

  • rapid-prototyper
    • Trigger semantics: Specialized in ultra-fast proof-of-concept development and MVP creation using efficient tools and frameworks
    • Entry file: .claude/skills/frontend-specialist/references/domains/rapid-prototyper/SKILL.md

roblox-avatar-creator (1)

  • roblox-avatar-creator
    • Trigger semantics: Roblox UGC and avatar pipeline specialist - Masters Roblox's avatar system, UGC item creation, accessory rigging, texture standards, and the Creator Marketplace submission pipeline
    • Entry file: .claude/skills/frontend-specialist/references/domains/roblox-avatar-creator/SKILL.md

roblox-experience-designer (1)

  • roblox-experience-designer
    • Trigger semantics: 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
    • Entry file: .claude/skills/frontend-specialist/references/domains/roblox-experience-designer/SKILL.md

roblox-systems-scripter (1)

  • roblox-systems-scripter
    • Trigger semantics: Roblox platform engineering specialist - Masters Luau, the client-server security model, RemoteEvents/RemoteFunctions, DataStore, and module architecture for scalable Roblox experiences
    • Entry file: .claude/skills/frontend-specialist/references/domains/roblox-systems-scripter/SKILL.md

technical-artist (1)

  • technical-artist
    • Trigger semantics: Art-to-engine pipeline specialist - Masters shaders, VFX systems, LOD pipelines, performance budgeting, and cross-engine asset optimization
    • Entry file: .claude/skills/frontend-specialist/references/domains/technical-artist/SKILL.md

terminal-integration-specialist (1)

  • terminal-integration-specialist
    • Trigger semantics: Terminal emulation, text rendering optimization, and SwiftTerm integration for modern Swift applications
    • Entry file: .claude/skills/frontend-specialist/references/domains/terminal-integration-specialist/SKILL.md

unity-architect (1)

  • unity-architect
    • Trigger semantics: Data-driven modularity specialist - Masters ScriptableObjects, decoupled systems, and single-responsibility component design for scalable Unity projects
    • Entry file: .claude/skills/frontend-specialist/references/domains/unity-architect/SKILL.md

unity-editor-tool-developer (1)

  • unity-editor-tool-developer
    • Trigger semantics: Unity editor automation specialist - Masters custom EditorWindows, PropertyDrawers, AssetPostprocessors, ScriptedImporters, and pipeline automation that saves teams hours per week
    • Entry file: .claude/skills/frontend-specialist/references/domains/unity-editor-tool-developer/SKILL.md

unity-multiplayer-engineer (1)

  • unity-multiplayer-engineer
    • Trigger semantics: Networked gameplay specialist - Masters Netcode for GameObjects, Unity Gaming Services (Relay/Lobby), client-server authority, lag compensation, and state synchronization
    • Entry file: .claude/skills/frontend-specialist/references/domains/unity-multiplayer-engineer/SKILL.md

unity-shader-graph-artist (1)

  • unity-shader-graph-artist
    • Trigger semantics: Visual effects and material specialist - Masters Unity Shader Graph, HLSL, URP/HDRP rendering pipelines, and custom pass authoring for real-time visual effects
    • Entry file: .claude/skills/frontend-specialist/references/domains/unity-shader-graph-artist/SKILL.md

unreal-multiplayer-architect (1)

  • unreal-multiplayer-architect
    • Trigger semantics: Unreal Engine networking specialist - Masters Actor replication, GameMode/GameState architecture, server-authoritative gameplay, network prediction, and dedicated server setup for UE5
    • Entry file: .claude/skills/frontend-specialist/references/domains/unreal-multiplayer-architect/SKILL.md

unreal-systems-engineer (1)

  • unreal-systems-engineer
    • Trigger semantics: Performance and hybrid architecture specialist - Masters C++/Blueprint continuum, Nanite geometry, Lumen GI, and Gameplay Ability System for AAA-grade Unreal Engine projects
    • Entry file: .claude/skills/frontend-specialist/references/domains/unreal-systems-engineer/SKILL.md

unreal-technical-artist (1)

  • unreal-technical-artist
    • Trigger semantics: Unreal Engine visual pipeline specialist - Masters the Material Editor, Niagara VFX, Procedural Content Generation, and the art-to-engine pipeline for UE5 projects
    • Entry file: .claude/skills/frontend-specialist/references/domains/unreal-technical-artist/SKILL.md

unreal-world-builder (1)

  • unreal-world-builder
    • Trigger semantics: Open-world and environment specialist - Masters UE5 World Partition, Landscape, procedural foliage, HLOD, and large-scale level streaming for seamless open-world experiences
    • Entry file: .claude/skills/frontend-specialist/references/domains/unreal-world-builder/SKILL.md

visionos-spatial-engineer (1)

  • visionos-spatial-engineer
    • Trigger semantics: Native visionOS spatial computing, SwiftUI volumetric interfaces, and Liquid Glass design implementation
    • Entry file: .claude/skills/frontend-specialist/references/domains/visionos-spatial-engineer/SKILL.md

wechat-mini-program-developer (1)

  • wechat-mini-program-developer
    • Trigger semantics: Expert WeChat Mini Program developer specializing in Mini Program development with WXML/WXSS/WXS, WeChat API integration, payment systems, subscription messaging, and the full WeChat ecosystem.
    • Entry file: .claude/skills/frontend-specialist/references/domains/wechat-mini-program-developer/SKILL.md

xr-cockpit-interaction-specialist (1)

  • xr-cockpit-interaction-specialist
    • Trigger semantics: Specialist in designing and developing immersive cockpit-based control systems for XR environments
    • Entry file: .claude/skills/frontend-specialist/references/domains/xr-cockpit-interaction-specialist/SKILL.md

xr-immersive-developer (1)

  • xr-immersive-developer
    • Trigger semantics: Expert WebXR and immersive technology developer with specialization in browser-based AR/VR/XR applications
    • Entry file: .claude/skills/frontend-specialist/references/domains/xr-immersive-developer/SKILL.md

xr-interface-architect (1)

  • xr-interface-architect
    • Trigger semantics: Spatial interaction designer and interface strategist for immersive AR/VR/XR environments
    • Entry file: .claude/skills/frontend-specialist/references/domains/xr-interface-architect/SKILL.md

Notes

  • Top-level SKILL.md serves only as index navigation and does not carry large volumes of detailed content.
  • Detailed materials are pushed down to references/domains/, organized in a tree structure.