Looking for 前端工程師 workflows? These agent skills help developers automate setup, coding, and delivery tasks.

Agent Skills Hub

Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.

Clear

22 skills found

EngineeringProductivityAutomation
senior-frontend-engineer-react avatar

senior-frontend-engineer-react

Enterprise-grade React CRUD development skill for React 16.14 and DVA 2.x, featuring automated page generation, form management, and service layer integration.

Views: 2001#react#dva#typescript#crud
EngineeringProductivity
cloudscape-codegen avatar

cloudscape-codegen

Generate production-ready Cloudscape Design System React + TypeScript UI code, components, and scaffolds with accessibility, responsive patterns, and robust state handling.

Views: 25
Engineering
threejs-builder avatar

threejs-builder

Build performant Three.js web scenes using modern ES modules. Includes scene graph setup, lighting, geometries, GLTF/GLB loading, animation loops, and performance optimization best practices.

Views: 11251
EngineeringAutomation
pix avatar

pix

An autonomous UI implementation agent that converts Figma designs into pixel-perfect code using Figma MCP and browser-based refinement.

Views: 2990
EngineeringProductivity
jupyter-notebook-testing avatar

jupyter-notebook-testing

Test Adobe EDS blocks interactively in the browser with Jupyter notebooks. Features ES6 imports, overlay previews, responsive device testing, and zero-dependency execution.

Views: 167
EngineeringProductivityAutomation
figma-design-to-code avatar

figma-design-to-code

Convert Figma designs to project-consistent UI code using TemPad Dev MCP for precise markup, styling, and token integration.

Views: 47470
Engineering
frontend-accessibility-best-practices avatar

frontend-accessibility-best-practices

Accessibility best practices and patterns for React applications to ensure WCAG compliance, semantic structure, and inclusive user experiences.

Views: 983
EngineeringEducation
webgl-expert avatar

webgl-expert

Expert guide for WebGL 1.0/2.0 development: shaders (GLSL), 3D graphics, GPU programming, rendering pipelines, buffers, and performance optimization for web canvas.

Views: 3417
EngineeringAutomation
ui-design-system avatar

ui-design-system

Professional UI design system toolkit for design token generation, component architecture, responsive calculations, and developer handoff documentation to ensure visual consistency.

Views: 19187
Engineering
react-doctor avatar

react-doctor

Analyze and audit React projects for security, performance, correctness, and architecture issues with actionable diagnostics and scoring.

Views: 43333
EngineeringProductivity
webpack avatar

webpack

Webpack reference tool for frontend developers. Provides guides, troubleshooting, performance tips, and best practices for configuration and project management.

Views: 274,454#webpack#frontend#dev#reference
Engineering
vue-typescript avatar

vue-typescript

Specialized skill for building Vue 3 applications with TypeScript, covering Composition API, Pinia state management, Vue Router, and custom composables.

Views: 80255

FAQ

What are AI agent skills for 前端工程師?
They are reusable instructions and tooling packs that help AI coding agents perform 前端工程師-related tasks more reliably.
How do I install a skill from this page?
Open a skill detail page, then follow the install guidance or use Mentalok Skill Manager to sync skills into your agent environment.
Is this the same as searching Skills Hub?
This page is a dedicated landing for 前端工程師. Interactive semantic search lives on the main Skills Hub search box.