前端开发 Skill技能列表

4.5

TypeScript高级类型Skill typescript-advanced-types

TypeScript高级类型技能用于掌握TypeScript语言的高级类型系统,包括泛型、条件类型、映射类型、模板文字类型和实用类型,帮助开发者构建类型安全的应用程序,提高代码可维护性和编译时安全性。关键词:TypeScript, 高级类型, 类型安全, 泛型, 条件类型, 映射类型, 模板文字类型, 实用类型, 应用程序开发, 类型推断。

4.5

特性架构技能Skill feature-arch

此技能用于React应用程序的特性驱动架构设计,提供最佳实践指南,帮助开发人员组织项目结构、管理依赖、实现模块化开发,以提高应用的可扩展性和团队协作效率。关键词:React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。

4.5

Markdown表格格式化工具Skill md-tables

这个技能用于修复和格式化Markdown表格,解决对齐和间距问题,适用于文档编写和表格生成。关键词包括:Markdown表格、表格格式化、对齐列、间距修复、文档工具、自动表格优化、Markdown文档处理。

4.5

程序化SEO页面模板技能Skill pseo-templates

此技能用于创建程序化SEO页面模板,通过动态路由和结构化数据渲染,为每个页面生成独特、意图匹配的内容,包括差异化标题、描述和FAQ。适用于大规模生成高质量SEO页面,提升搜索排名和用户体验。关键词:程序化SEO,页面模板,动态路由,SEO优化,内容生成,E-E-A-T信号,大规模页面生成。

4.5

ESLint自定义规则开发Skill eslint-custom

这个技能专注于ESLint自定义规则和插件的开发,包括规则编写、抽象语法树遍历和发布流程,适用于提高JavaScript代码质量、实施团队标准和集成CI/CD管道。关键词:ESLint, 自定义规则, AST遍历, 插件开发, JavaScript代码质量, 前端开发工具。

4.5

TailwindCSSv4模式Skill tailwind-patterns

Tailwind CSS v4 模式是一种前端开发技能,专注于使用Tailwind CSS v4框架实现CSS优先配置、容器查询、现代布局模式、设计令牌架构等,用于快速构建高效、响应式、可维护的Web界面。关键词包括Tailwind CSS、CSS-first、容器查询、设计令牌、前端开发、响应式设计、布局模式。

4.5

媒体与文件管理Skill managing-media

这个技能用于实现媒体和文件管理组件,包括文件上传、图像库、视频播放器、音频播放器、文档查看器,以及性能优化和可访问性措施,适用于前端开发和用户体验优化。关键词:媒体管理、文件上传、图像优化、视频播放、SEO、前端开发。

4.5

Three.js交互式3D可视化构建技能Skill three-js-interactive-builder

该技能用于基于Three.js库开发交互式3D可视化应用,专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词:Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。

4.5

Biome代码检查技能Skill biome-linting

这个技能用于通过Biome工具对JavaScript和TypeScript项目进行自动化代码检查,提升代码质量、性能和安全性。关键词:Biome, 代码检查, linting, JavaScript, TypeScript, 代码质量, 自动化检查, 规则配置, 安全优化。

4.5

视频制作人Skill video-producer

这是一个基于Remotion的视频制作技能,能够从自然语言描述中端到端生成完整视频。它协调叙事结构、场景动画、视觉风格和渲染,适用于制作产品宣传视频、排版作品、社交媒体动画等。关键词:视频制作、Remotion、动画、宣传视频、自然语言处理、前端开发、创意设计。

4.5

Relay突变模式Skill relay-mutations-patterns

Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术,包括乐观更新、连接处理、声明式突变和全面错误处理,适用于前端开发中构建高效、响应式应用程序。关键词:Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新

4.5

Relay分页技术Skill relay-pagination

Relay 分页技术是一种基于游标的分页方法,用于在 GraphQL 和 React 前端应用中高效管理和加载大数据集,支持无限滚动、加载更多模式等场景。关键词:Relay 分页, GraphQL, 光标分页, 前端开发, 数据加载, 无限滚动, 缓存管理, React 钩子。