前端开发 Skill技能列表
TypeScript技能Skill typescript
TypeScript 技能涵盖了使用 TypeScript 进行严格模式编程,结合 ESLint 和 Jest 进行代码质量和测试保障的最佳实践。关键词包括:TypeScript, ESLint, Jest, 代码质量,测试覆盖率。
Slack动图制作工具包Skill slack-gif-creator
这是一个用于创建优化Slack平台的动画GIF的Python工具包。它提供验证器检查Slack文件大小和尺寸要求、可组合动画原语如摇动和弹跳、以及辅助工具如文本渲染和颜色管理。适用于开发者定制Slack消息或表情符号动画。关键词:Slack GIF, 动画制作, Python工具包, 图像处理, 表情符号优化
响应式设计模式Skill responsive-design-patterns
响应式设计模式是一种专注于移动设备优先的响应式用户界面设计方法。它包括断点系统、流体布局、自适应组件和触摸友好模式等关键元素,确保网站在不同设备上都能良好显示。适用于前端开发,提升用户体验和开发效率。关键词:响应式设计、移动优先、断点、流体布局、自适应组件、前端开发、用户体验。
ZodSkill zod
Zod 是一个 TypeScript 优先的架构验证库,用于在运行时验证数据并自动推断静态类型。它支持定义类型安全架构,进行数据转换,生成 JSON Schema,并处理错误,适用于 API 验证、表单数据、环境变量等场景。关键词:Zod, TypeScript, 验证, 架构, 类型安全, 运行时验证, 错误处理, JSON Schema, 数据转换。
前端设计技能Skill frontend-design
这个技能用于创建独特、生产级别的前端界面,注重高设计质量,避免通用AI美学,适用于构建Web组件、页面或应用程序。关键词包括前端开发、UI设计、代码实现、创意美学、生产级代码。
BunNext.js开发Skill BunNext.js
这个技能专注于使用Bun作为运行时来运行和优化Next.js应用程序,以提高开发速度、构建效率和性能。它涵盖了项目设置、配置、Bun API集成、部署和常见问题解决,适用于全栈Web开发。关键词:Bun, Next.js, Web开发, 全栈, 服务器端渲染, Bun运行时, 性能优化, 快速开发。
Next.js中的身份验证模式Skill auth-patterns
这个技能用于在Next.js应用程序中实现身份验证和授权功能,涵盖多种策略和库,包括NextAuth.js、中间件保护、会话管理和JWT等。关键词:Next.js, 身份验证, NextAuth, Auth.js, 中间件, 会话管理。
应用路由器Skill app-router
此技能提供Next.js App Router的全面指导,帮助开发者创建和管理路由、布局、加载状态、错误边界等,优化前端应用结构。关键词:Next.js, App Router, 路由, 布局, 组件, 前端开发。
基兰TypeScript代码审查技能Skill kieran-typescript-reviewer
此技能用于审查TypeScript代码变更,确保类型安全、现代模式、可维护性和高质量标准。基于基兰的严格惯例,适用于新功能实现、代码修改或创建新组件后的审查。关键词:TypeScript代码审查、类型安全、代码质量、前端开发、软件测试。
FumadocsMDX结构指南Skill fumadocs-mdx-structure
该技能用于创建和管理Fumadocs平台的MDX文档文件,包括前置元数据设置、组件导入、安装命令生成和代码示例编写,适用于前端开发中的8-bit组件文档化工作。关键词:MDX文档、前端开发、组件集成、Fumadocs、8-bit组件、文档结构。
动态导入懒加载技术Skill bundle-dynamic-imports
这个技能涉及使用 Next.js 框架的 `next/dynamic` 功能实现组件懒加载,以优化网页性能和用户体验。适用于在初始渲染时不需要的大型组件,如代码编辑器、图表、富文本编辑器等。通过动态导入,可以减少初始加载时间,提升应用响应速度。关键词:动态导入、懒加载、Next.js、前端优化、性能提升、组件加载、代码分割。
GraphQL专家Skill graphql-expert
这个技能是GraphQL专家,专注于帮助开发者优化GraphQL代码,包括模式设计、Apollo Client/Server的使用、缓存管理、错误处理、TypeScript集成等。它提供代码审查、架构指导、最佳实践建议,以提升开发效率和代码质量。关键词:GraphQL, Apollo, 缓存, 模式设计, TypeScript, 代码审查, 架构指导, 前端开发, 后端API。