软件开发 Skill技能列表
TailwindCSS响应式设计Skill tailwind-responsive-design
Tailwind CSS响应式设计技能用于通过Tailwind CSS框架构建自适应布局和移动优先的网页设计,涵盖断点、容器查询和响应式工具的使用。适用于前端开发人员创建跨设备兼容的网站。关键词:Tailwind CSS, 响应式设计, 移动优先, 断点, 前端开发, 网页布局。
Tailwind性能优化Skill tailwind-performance
这个技能用于优化Tailwind CSS在生成环境中的性能,通过配置内容路径、使用JIT模式、最小化自定义CSS等方法,减少CSS包大小,提高网站加载速度和性能。关键词包括Tailwind CSS、性能优化、JIT模式、PurgeCSS、代码分割、构建优化。
TailwindCSS配置Skill tailwind-configuration
Tailwind CSS配置技能专注于通过tailwind.config.js文件自定义Tailwind CSS框架,包括内容路径设置、主题扩展、插件集成和构建优化,适用于前端开发项目,关键词包括Tailwind CSS、配置、主题定制、插件、前端开发、CSS框架。
TailwindCSS组件模式构建Skill tailwind-components
这个技能专注于使用Tailwind CSS创建和维护可重用的前端组件模式,涵盖组件提取策略、@apply指令的合理使用、设计系统集成以及最佳实践如Class Variance Authority和条件类管理。关键词:Tailwind CSS, 组件模式, 前端开发, 可重用组件, 设计系统, 实用程序优先。
同步包版本组管理Skill syncpack-version-groups
这个技能用于在 monorepo 中通过 syncpack 工具管理依赖版本,通过定义版本组来实施高级版本策略,如版本锁定、依赖禁止和忽略检查,以提高项目的依赖一致性和维护效率。关键词包括:monorepo、依赖管理、版本控制、syncpack、版本策略、DevOps、开发工具。
Syncpack配置Skill syncpack-configuration
这是一个用于管理和配置Syncpack工具的技能,Syncpack是一个用于在JavaScript/TypeScript monorepos中实现依赖版本一致性的工具。技能涵盖配置文件设置、工作空间检测、自定义规则定义等,帮助开发者自动化依赖管理,提升开发效率。关键词:Syncpack配置、依赖版本管理、monorepo、JavaScript、TypeScript、工具配置、DevOps、CI/CD。
Storybook故事编写Skill storybook-story-writing
这个技能用于创建和维护 Storybook 故事,遵循 Component Story Format 3 (CSF3),确保组件故事结构化、可维护,并正确展示组件变体。它适用于前端开发,提高组件文档和测试效率。关键词:Storybook、CSF3、前端开发、组件故事、类型安全、最佳实践、自动化测试。
Storybook交互测试函数Skill storybook-play-functions
Storybook交互测试函数是一种前端开发测试技能,用于通过编写play函数在Storybook故事中自动化测试React等组件的用户交互、状态变化和边界情况。它支持模拟真实用户行为、集成Testing Library进行语义查询、处理异步操作和验证错误状态。关键词包括Storybook、交互测试、前端测试、自动化测试、组件测试、Testing Library、play函数。
Storybook配置技能Skill storybook-configuration
此技能用于配置Storybook前端开发工具,包括设置主配置、添加物、构建器和框架集成,以优化UI组件开发、文档生成和测试体验。关键词:Storybook、前端开发、配置、组件文档、UI测试、TypeScript、Vite、Webpack、React、Next.js。
Storybook组件文档编写Skill storybook-component-documentation
这个技能专注于使用Storybook创建和改进组件文档,通过autodocs、MDX和JSDoc实现自动化文档生成,提高前端开发效率。关键词:Storybook, 组件文档, 前端开发, 自动文档, MDX, JSDoc, SEO优化
Storybook参数与控制配置Skill storybook-args-controls
这个技能用于在Storybook中配置交互式参数和控件,使组件故事动态化和可探索,便于设计师和开发人员实时测试组件变体。关键词:Storybook, 参数, 控制, 交互式, 组件开发, 前端测试, UI组件, 动态演示。
RSpec模拟测试Skill rspec-mocking
这个技能用于掌握RSpec框架中的模拟测试技术,包括doubles、stubs、mocks、spies和部分模拟策略,适用于Ruby开发中的测试和质量保证,提升代码可靠性。关键词:RSpec, 模拟测试, Ruby测试, 单元测试, 测试框架, 软件测试。