前端开发 Skill技能列表
Bknd分页数据检索Skill bknd-pagination
这个技能用于在Bknd平台中实现分页数据检索,涵盖限制/偏移分页、页面计算、分页元数据处理、分页辅助函数、无限滚动和React集成模式,适用于构建分页列表、表格和无限滚动功能。关键词:分页,Bknd,数据检索,React,无限滚动。
Angular迁移Skill angular-migration
这个技能用于指导如何将 AngularJS (1.x) 应用程序迁移到 Angular (2+),涵盖混合应用设置、组件转换、服务迁移、依赖注入变化、路由迁移和表单迁移。关键词:AngularJS, Angular, 迁移, 混合应用, 组件, 依赖注入, 路由, 框架升级。
组件包装架构Skill component-wrapper-architecture
这个技能用于在React项目中包装现有的shadcn/ui组件,以添加8位复古风格,同时确保向后兼容性和代码重用。关键词包括:组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。
网页设计指南审查Skill web-design-guidelines
此技能用于审查网页UI代码是否符合Web接口指南,确保可访问性、设计合规性和UX最佳实践。关键词包括UI审查、可访问性检查、设计审核、UX评估、网页指南遵循、代码合规性检查、前端开发规范、用户界面标准验证。
网络可访问性Skill web-accessibility
这个技能专注于通过实现WCAG标准、ARIA模式、键盘导航和屏幕阅读器支持,来构建可访问的网络应用程序,确保所有用户,包括残障人士,都能平等访问网络内容。关键词:网络可访问性、WCAG、ARIA、前端开发、无障碍设计、SEO可访问性、键盘导航、屏幕阅读器。
TypeScript异步编程模式Skill typescript-async-patterns
这个技能涵盖了TypeScript中的异步编程模式,包括Promises、async/await、异步迭代器、错误处理和高级模式,用于构建稳健的异步应用程序。它帮助开发者高效处理异步操作,特别适用于API调用、I/O操作和实时数据处理。关键词:TypeScript, 异步编程, Promises, async/await, 错误处理, 异步迭代器, 重试模式, 超时控制, 取消机制, API开发。
HUD状态行配置技能Skill hud
这个技能用于配置Claude Code的抬头显示(HUD),允许用户自定义状态行的布局、预设和显示元素,以增强开发体验。关键词:HUD配置, 状态行, Claude Code, 插件设置, 抬头显示
实现命令面板Skill implementing-command-palettes
React命令面板开发指南,涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化
UI研究Skill ui-research
UI研究技能用于在UI设计前进行系统性研究,收集真实产品灵感,识别现代设计模式,避免通用AI生成的外观,确保设计基于真实世界和用户体验。关键词:UI研究、用户体验设计、设计灵感、前端设计、设计流程、避免AI外观。
前端UI/UX设计开发Skill frontend-ui-ux
前端UI/UX设计开发技能,专注于用户界面和用户体验的设计与实现,涵盖组件设计、响应式布局、设计系统一致性、可访问性合规等核心能力,适用于网页和应用程序开发,便于SEO搜索关键词如前端开发、UI设计、UX设计、网页设计、组件开发、响应式设计、设计系统、可访问性。
移动优先设计Skill mobile-first-design
移动优先设计是一种前端开发技能,专注于从移动设备开始构建响应式网站界面,通过CSS媒体查询定义断点,使用渐进增强技术适应平板和桌面屏幕。关键词包括移动优先、响应式设计、CSS、断点、触摸友好、性能优化。
服务器组件Skill server-components
此技能详细介绍了React服务器组件在Next.js中的应用,涵盖服务器与客户端组件的区分、组合模式及数据获取方法,适用于前端开发。关键词:React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。