前端开发 Skill技能列表

NgRx状态管理技能Skill ngrx

4.5

本技能提供在Angular应用中实现NgRx状态管理的专家级指导,涵盖存储配置、动作、减速器、选择器、效果、实体适配器和组件存储等核心概念。适用于构建可扩展、可维护的企业级前端应用,处理复杂数据流和异步操作。关键词:NgRx, Angular, 状态管理, 前端开发, 存储, 效果, 实体适配器, 组件存储, 选择器, 异步操作, 企业级应用。

WCAG无障碍合规技能Skill wcag

4.5

WCAG无障碍合规技能是专注于Web内容无障碍指南(WCAG)2.1/2.2标准的专家工具。它提供全面的网站和应用无障碍访问性审计、合规性评估、问题修复方案制定与实施、以及合规性文档记录服务。核心功能涵盖可感知性、可操作性、可理解性和稳健性四大原则,帮助开发者和企业确保其数字产品对所有用户,包括残障人士,都是可访问和可用的。关键词:WCAG合规,无障碍访问,网页可访问性审计,前端无障碍修复,辅助技术兼容,POUR原则。

前端设计Skill frontend-design

4.5

这是一个用于创建独特、高质量、生产级前端界面的技能工具。它强调突破常规的创意设计,避免通用AI美学,专注于实现具有鲜明美学观点和精致细节的Web组件、页面或应用程序。关键词:前端开发,UI设计,创意界面,生产级代码,美学设计,Web组件,视觉冲击,独特风格,CSS动画,响应式布局。

CSS开发:创建组件Skill css-development-create-component

4.5

这是一个用于指导前端开发人员创建标准化、可复用CSS组件的技能。它提供了一套完整的工作流程,涵盖从语义化命名、Tailwind CSS组合、深色模式支持到测试覆盖的各个方面。关键词包括:CSS组件开发、Tailwind CSS、语义化命名、深色模式、前端测试、UI组件库、原子设计、前端工作流。

CSS开发-创建组件Skill css-development-create-component

4.5

CSS组件开发技能,指导前端开发者遵循语义化命名、Tailwind组合、深色模式支持和测试覆盖等最佳实践,创建可复用、可维护的UI组件。关键词:CSS组件开发、Tailwind CSS、语义化命名、深色模式、前端测试、UI设计系统、样式化组件、前端工程化。

CSS开发验证Skill css-development-validate

4.5

CSS开发验证技能是一个用于审查和审计现有CSS代码的专业工具,主要功能包括:检查语义命名规范、验证Tailwind @apply组合使用、确保深色模式变体覆盖、评估测试覆盖率、审查文档质量以及识别组合优化机会。该技能适用于前端开发团队进行代码质量检查、样式一致性审计、重构准备和合并前验证。关键词:CSS代码审查、语义命名、Tailwind验证、深色模式、测试覆盖率、前端开发、代码审计、样式规范。

WebSocket连接调试Skill debug-connection

4.5

本技能用于诊断和解决FigJam插件与CLI工具之间WebSocket通信的连接问题。提供详细的架构说明、常见故障排查步骤、调试工具使用方法和协议规范。关键词包括:WebSocket调试、FigJam插件、CLI工具、连接故障、YAML解析、实时同步、补丁应用、错误诊断。

前端设计Skill frontend-design

4.5

前端设计技能专注于创建独特、高质量的生产级Web界面,避免通用AI美学。它强调创意设计思维、大胆美学方向、精细的代码实现,涵盖排版、色彩、动效、空间构成等核心要素,旨在交付令人难忘、视觉冲击力强的用户体验。关键词:前端开发、UI设计、Web界面、创意设计、生产级代码、美学优化、用户体验、CSS动画、响应式设计、视觉差异化。

TauriWebView调试器Skill debug-tauri

4.5

Tauri WebView调试器是一款专门用于自动化调试Tauri桌面应用程序WebView组件的工具集。它通过集成官方插件实现进程监控、自动截图、控制台日志收集和运行时状态分析,帮助开发者快速定位UI问题、运行时错误和WebView相关故障。主要功能包括:自动化调试工作流、跨平台截图捕获、前后端日志集成、WebView状态快照和结构化调试报告生成。适用于Tauri应用开发、桌面应用调试、WebView问题排查和跨平台应用测试场景。 关键词:Tauri调试,WebView调试,桌面应用调试,自动化测试,日志收集,截图工具,跨平台开发,Rust前端,Tauri插件,故障排查

Vite前端构建工具Skill vite

4.5

Vite 是一款现代化的前端构建工具,专为提升开发效率和构建性能而设计。它通过原生 ES 模块实现极速的服务器启动和热更新(HMR),并利用 Rolldown/Rollup 进行高效的打包优化。Vite 开箱即用地支持 TypeScript、JSX、CSS 预处理器,拥有丰富的插件生态系统,适用于配置项目、开发调试和生产部署。关键词:Vite 构建工具,前端开发,热更新 HMR,Rollup 打包,TypeScript 支持,插件生态,开发服务器,生产优化。

desmos-graphingSkill desmos-graphing

4.5

Obsidian Desmos 绘图插件使用指南,提供在 Obsidian 笔记软件中创建交互式数学图表的完整教程。该技能涵盖函数可视化、参数曲线、不等式绘图、数学关系探索,支持自定义样式、颜色、标签和限制条件。关键词:Obsidian 插件,Desmos 绘图,数学可视化,函数图表,参数方程,极坐标,LaTeX 数学,数据可视化,笔记增强。

AccessibilityComplianceSkill accessibility-compliance

4.5

这个技能是关于如何在Web开发中实现和确保无障碍性,包括WCAG标准、屏幕阅读器兼容性、键盘导航和无障碍测试,以提升用户体验和满足法规要求。