前端开发 Skill技能列表

4.5

Makepad事件与动作处理技能Skill makepad-event-action

这个技能专注于Makepad框架中的事件和动作处理,用于处理鼠标、键盘、触摸等用户输入事件,定义和传播动作以实现GUI组件交互。关键词包括:Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。

4.5

MakepadDSL技能Skill makepad-dsl

这个技能专注于Makepad DSL的语法和继承机制,帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发,适用于前端界面构建。关键词:Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。

4.5

Makepad基础技能Skill makepad-basics

这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad,学习如何编写实时设计的UI代码,处理事件,并构建适用于多个平台的应用。关键词:Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。

4.5

Makepad动画技能Skill makepad-animation

这个技能提供了Makepad动画系统的全面指南,专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线,适用于前端GUI开发。关键词:Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机

4.5

前端设计Skill frontend-design

此技能用于创建独特、生产级的前端界面,专注于高质量UI设计和创意编码,避免通用AI美学,适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景,提升用户体验和视觉冲击力。关键词:前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。

4.5

网页界面审查技能Skill web-design-guidelines

这个技能用于自动审查用户界面代码,确保其符合网页界面最佳实践,涵盖可访问性、焦点状态、表单、动画、性能、排版等多个方面,帮助前端开发者提升代码质量和用户体验。关键词:UI审查、前端开发、可访问性、性能优化、代码审计、网页设计、用户体验。

4.5

Three.js三维网页开发Skill threejs

Three.js 是一个强大的 WebGL/WebGPU 库,用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程,适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词:Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。

4.5

前端设计Skill frontend-design

前端设计技能用于通过AI多模态分析、创意代码实现和独特美学,创建高质量、生产级的前端界面。它专注于避免通用AI美学,适用于Web开发、组件构建、设计复制和灵感汲取,关键词包括前端开发、AI辅助、设计指南、代码实现、美学创新。

4.5

卓越前端设计与图像集成技能Skill frontend-design-pro

这个技能专注于设计和开发高端的前端用户界面,集成了真实或自定义图像,用于提升视觉吸引力和功能性。关键词包括前端开发、UI设计、图像处理、Web开发、美学设计、响应式界面、SEO优化。

4.5

前端开发指南Skill frontend-dev-guidelines

这个技能是前端开发指南,专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词:React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。

4.5

Web前端构建工具Skill web-artifacts-builder

这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件,使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目,关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。

4.5

JavaScript开发专家Skill javascript-expert

JavaScript开发专家技能专精于利用现代JavaScript技术(包括ES6+、Node.js、浏览器API)开发高性能、安全、可维护的应用程序,涵盖异步编程、性能优化、安全编程、测试驱动开发等关键领域,适用于前端和后端开发场景。关键词:JavaScript开发、ES6特性、Node.js、浏览器API、异步编程、性能优化、安全编程、TDD测试。