前端开发 Skill技能列表

4.5

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

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

4.5

ESLint配置Skill eslint-configuration

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

4.5

Biome代码检查技能Skill biome-linting

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

4.5

Biome代码格式化Skill biome-formatting

Biome代码格式化技能用于配置和使用Biome快速格式化工具,对JavaScript、TypeScript、JSON等前端代码进行格式化,确保代码风格一致性和团队协作效率。关键词:Biome、代码格式化、前端开发、配置管理、风格指南、JavaScript、TypeScript。

4.5

Biome配置管理Skill biome-configuration

这个技能专注于配置Biome工具链,用于JavaScript和TypeScript项目的代码检查和格式化。包括设置biome.json配置文件、管理架构版本、集成Git等版本控制系统,以及优化项目组织,以提高开发效率和代码质量。关键词:Biome, JavaScript, TypeScript, 代码检查, 格式化, 工具链, 代码质量, 项目管理, VCS集成, CI/CD。

4.5

TailwindCSS响应式设计Skill tailwind-responsive-design

Tailwind CSS响应式设计技能用于通过Tailwind CSS框架构建自适应布局和移动优先的网页设计,涵盖断点、容器查询和响应式工具的使用。适用于前端开发人员创建跨设备兼容的网站。关键词:Tailwind CSS, 响应式设计, 移动优先, 断点, 前端开发, 网页布局。

4.5

Tailwind性能优化Skill tailwind-performance

这个技能用于优化Tailwind CSS在生成环境中的性能,通过配置内容路径、使用JIT模式、最小化自定义CSS等方法,减少CSS包大小,提高网站加载速度和性能。关键词包括Tailwind CSS、性能优化、JIT模式、PurgeCSS、代码分割、构建优化。

4.5

TailwindCSS配置Skill tailwind-configuration

Tailwind CSS配置技能专注于通过tailwind.config.js文件自定义Tailwind CSS框架,包括内容路径设置、主题扩展、插件集成和构建优化,适用于前端开发项目,关键词包括Tailwind CSS、配置、主题定制、插件、前端开发、CSS框架。

4.5

TailwindCSS组件模式构建Skill tailwind-components

这个技能专注于使用Tailwind CSS创建和维护可重用的前端组件模式,涵盖组件提取策略、@apply指令的合理使用、设计系统集成以及最佳实践如Class Variance Authority和条件类管理。关键词:Tailwind CSS, 组件模式, 前端开发, 可重用组件, 设计系统, 实用程序优先。

4.5

Storybook故事编写Skill storybook-story-writing

这个技能用于创建和维护 Storybook 故事,遵循 Component Story Format 3 (CSF3),确保组件故事结构化、可维护,并正确展示组件变体。它适用于前端开发,提高组件文档和测试效率。关键词:Storybook、CSF3、前端开发、组件故事、类型安全、最佳实践、自动化测试。

4.5

Storybook配置技能Skill storybook-configuration

此技能用于配置Storybook前端开发工具,包括设置主配置、添加物、构建器和框架集成,以优化UI组件开发、文档生成和测试体验。关键词:Storybook、前端开发、配置、组件文档、UI测试、TypeScript、Vite、Webpack、React、Next.js。

4.5

Storybook组件文档编写Skill storybook-component-documentation

这个技能专注于使用Storybook创建和改进组件文档,通过autodocs、MDX和JSDoc实现自动化文档生成,提高前端开发效率。关键词:Storybook, 组件文档, 前端开发, 自动文档, MDX, JSDoc, SEO优化