前端开发 Skill技能列表
前端设计Skill frontend-design
该技能专注于创建独特、生产级的前端界面,强调高设计质量和创意代码实现,适用于网站、应用等开发,避免通用AI美学,提升UI设计品质。关键词包括前端开发、UI设计、创意代码、生产级界面、美学设计。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础,包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词:设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。
现代Web应用架构技能Skill modern-web-app-architecture
本技能提供现代Web应用架构的全面指导,涵盖SPA、SSR、SSG、RSC等渲染策略,专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词:Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。
前端竞态条件代码审查技能Skill julik-frontend-races-reviewer
该技能专用于审查JavaScript和Stimulus前端代码,检测和预防竞态条件,提升UI质量和用户体验。关键词:JavaScript, Stimulus, 竞态条件, 前端开发, 代码审查, UI质量, 数据竞争, 时序管理。
前端设计Skill frontend-design
这个技能用于创建独特、生产级的前端界面,强调创意设计和避免通用AI美学。它生成高质量、视觉冲击力的代码,适用于Web组件、页面和应用程序开发,确保界面既功能完整又具有独特美学风格。关键词:前端设计,创意代码,美学界面,避免AI通用,生产级开发。
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、前端开发。
Makepad事件与动作处理技能Skill makepad-event-action
这个技能专注于Makepad框架中的事件和动作处理,用于处理鼠标、键盘、触摸等用户输入事件,定义和传播动作以实现GUI组件交互。关键词包括:Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。
MakepadDSL技能Skill makepad-dsl
这个技能专注于Makepad DSL的语法和继承机制,帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发,适用于前端界面构建。关键词:Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。
展示时间线与活动组件Skill displaying-timelines
该技能用于系统化地创建和展示时间线、活动组件、甘特图、日历接口等,适用于显示事件、活动、项目计划、历史数据、社交源、通知和审计日志。提供基于用例的决策框架、实现模式、性能优化、可访问性要求和响应式设计,支持实时更新。关键词:时间线、活动组件、甘特图、日历、前端开发、数据可视化、实时更新、可访问性、响应式设计。
词法分析器生成器Skill lexer-generator
词法分析器生成器技能用于从正则表达式规范自动生成词法分析器,广泛应用于编译器、解释器和领域特定语言的开发中。关键词:词法分析、正则表达式、编译器前端、分词器、NFA、DFA、正则表达式解析、词法分析器设计、编程语言实现。