前端开发 Skill技能列表
创意前端界面设计Skill frontend-design
此技能专注于通过独特美学和高质量代码创建生产级前端界面，适用于构建网站、组件、应用等Web UI，强调创意设计、排版、颜色、动效和空间构图，避免通用AI美学，提升用户体验和SEO友好性。关键词：前端设计、UI设计、创意界面、HTML/CSS/JS、React、美学设计、生产级代码、用户体验。
JavaScripttoSorted不可变数组排序Skill js-tosorted-immutable
这个技能是关于在JavaScript中使用toSorted()方法进行数组排序而不突变原始数组，特别适用于React应用，以确保数据不可变性。关键词包括：JavaScript, toSorted, 不可变性, 数组排序, React, 前端开发, 数组突变避免。
JavaScript早期退出优化技巧Skill js-early-exit
JavaScript早期退出技巧用于在编码中尽早从函数或循环返回，以避免执行不必要的计算，从而提高代码性能和效率。适用于数据处理、输入验证、条件判断等场景。关键词：JavaScript，早期返回，代码优化，性能优化，函数设计。
8位像素艺术图案Skill 8-bit-pixel-art-patterns
这个技能用于创建8位复古风格的像素化边框、阴影和效果，适用于UI组件开发，通过绝对定位的div实现像素艺术美学。关键词包括：像素艺术、8位、UI组件、CSS、React、前端开发。
展示时间线与活动组件Skill displaying-timelines
该技能用于系统化地创建和展示时间线、活动组件、甘特图、日历接口等，适用于显示事件、活动、项目计划、历史数据、社交源、通知和审计日志。提供基于用例的决策框架、实现模式、性能优化、可访问性要求和响应式设计，支持实时更新。关键词：时间线、活动组件、甘特图、日历、前端开发、数据可视化、实时更新、可访问性、响应式设计。
网页质量审计Skill web-quality-audit
这个技能用于对网站进行全面的质量审计，基于Google Lighthouse，覆盖性能、可访问性、SEO和最佳实践。它帮助开发者识别和修复网页问题，优化用户体验、搜索引擎排名和安全性。关键词：网页审计、网站优化、性能测试、可访问性检查、SEO审计、Lighthouse、前端开发。
DartSass工具Skill dart-sass
Dart Sass是一个功能强大的CSS预处理器工具，用于将Sass/SCSS代码编译为CSS，支持变量、嵌套、混合、函数等高级语法特性，以及模块系统、源映射等，适用于前端开发，提升样式表编写效率和可维护性。关键词：Dart Sass, Sass编译器, CSS预处理器, 前端开发, 样式预编译。
Makepad事件与动作处理技能Skill makepad-event-action
这个技能专注于Makepad框架中的事件和动作处理，用于处理鼠标、键盘、触摸等用户输入事件，定义和传播动作以实现GUI组件交互。关键词包括：Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。
MakepadDSL技能Skill makepad-dsl
这个技能专注于Makepad DSL的语法和继承机制，帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发，适用于前端界面构建。关键词：Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。
Biome代码检查技能Skill biome-linting
这个技能用于通过Biome工具对JavaScript和TypeScript项目进行自动化代码检查，提升代码质量、性能和安全性。关键词：Biome, 代码检查, linting, JavaScript, TypeScript, 代码质量, 自动化检查, 规则配置, 安全优化。
词法分析器生成器Skill lexer-generator
词法分析器生成器技能用于从正则表达式规范自动生成词法分析器，广泛应用于编译器、解释器和领域特定语言的开发中。关键词：词法分析、正则表达式、编译器前端、分词器、NFA、DFA、正则表达式解析、词法分析器设计、编程语言实现。
Three.js三维网页开发Skill threejs
Three.js 是一个强大的 WebGL/WebGPU 库，用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程，适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词：Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。