前端开发 Skill技能列表

4.5

TypeScript类型系统Skill typescript-type-system

TypeScript类型系统技能专注于TypeScript语言的类型特性,包括编译器配置、严格模式、高级类型(如联合与交叉类型、泛型、条件类型、映射类型、模板字面量类型)、类型收窄(类型守卫、判别联合)、实用类型、类型断言等,帮助开发者编写类型安全的JavaScript代码,提高代码质量和可维护性,适用于前端和后端开发。关键词:TypeScript, 类型系统, 严格模式, 泛型, 类型守卫, 编译器配置, 前端开发, 后端开发, 类型安全, 代码质量。

4.5

原子设计基础Skill atomic-design-fundamentals

原子设计基础技能用于应用Atomic Design方法论,将UI组件组织成夸克、原子、分子、有机体、模板和页面等层级,以构建可扩展、可维护的组件化用户界面设计系统。关键词包括原子设计、UI组件、设计系统、前端开发、组件化、可扩展性、可维护性。

4.5

构建Logseq插件Skill building-logseq-plugins

专家指导构建与新数据库架构兼容的 Logseq 插件,自动触发插件创建、API 使用、功能扩展或数据库图插件开发帮助,涵盖插件结构、API 使用和数据库特定考虑。

4.5

用户询问技能Skill ask-user

用户询问技能是一种用于软件开发和人工智能项目中的交互模式,旨在高效收集用户需求、澄清模糊点并获取关键决策。该技能通过提供具体选项、充分上下文和批量提问,帮助开发者、产品经理和AI智能体在需求分析、方案选择和范围界定阶段与用户有效沟通,避免误解和返工,提升协作效率。关键词:用户交互、需求收集、决策支持、选项呈现、范围澄清、软件开发、AI智能体、沟通模式。

4.5

Convex实时应用开发Skill convex-realtime

Convex实时应用开发技能用于构建反应式应用程序,专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化,适合前端开发者提升用户体验和效率。关键词:Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。

4.5

ESLint配置Skill eslint-configuration

ESLint配置技能专注于JavaScript代码质量的检查和规范设置,提供全面的配置文件、插件、环境配置知识,适用于前端开发、代码审查和CI/CD集成。关键词:ESLint、配置、JavaScript、代码质量、前端开发、插件、环境设置。

4.5

前后端需求沟通Skill frontend-to-backend-requirements

这个技能用于前端开发者向后端开发者沟通数据需求,确保用户界面能正确渲染。它包括描述所需显示的数据、用户可以执行的操作、需要处理的UI状态等,而不涉及具体的实现细节。关键词:前端开发、后端开发、需求沟通、API设计、协作开发、软件开发。

4.5

nuqs最佳实践Skill nuqs

本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南,包含42条规则,覆盖8个类别,帮助开发者进行代码生成、重构和代码审查。关键词:nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。

4.5

原子设计原子组件Skill atomic-design-atoms

这个技能专注于创建原子级UI组件,如按钮、输入框、标签和图标,作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性,用于构建一致的前端界面。关键词:原子设计,UI组件,前端开发,设计系统,React组件,可访问性,样式令牌。

4.5

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

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

4.5

create-typescript-x402-nextjsSkill create-typescript-x402-nextjs

创建带有x402支付保护的Next.js应用程序,利用Algorand区块链支付实现HTTP 402支付门控路由。

4.5

前端设计Skill frontend-design

前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学,通过创意性的排版、色彩、动效和空间构成,打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序,要求开发者具备深刻的设计思维,能够根据项目目的、受众和约束,选择并坚定执行一个大胆的美学方向(如极致简约、复古未来、工业实用等),最终交付功能完善、细节精致、具有强烈品牌识别度的代码。