前端开发 Skill技能列表
Svelte框架开发指导Skill svelte
此技能提供Svelte前端框架的全面学习与应用指导,涵盖组件开发、响应式编程、状态管理、动画过渡和编译等核心功能,帮助用户快速掌握Svelte进行高效Web应用开发。关键词:Svelte、前端框架、组件开发、响应式编程、Web开发、存储管理、编译优化。
ReactUI模式Skill react-ui-patterns
现代 React UI 设计模式,专注于提升用户体验,包括加载状态、错误处理、数据获取等。
UI/UX设计智能Skill ui-ux-pro-max
UI/UX设计智能技能是一个全面的前端设计工具,提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南,支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验,适用于网站、应用、仪表板等项目,提升设计效率和专业性。关键词:UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。
React测试Skill react-testing
React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。
Markdown表格Skill markdown-tables
这个技能是关于在Markdown中创建和格式化表格的,包括基本语法、对齐方式、转义字符、多行单元格等高级功能,适用于技术文档编写、网页内容格式化,关键词包括Markdown、表格、格式化、语法、文档编写、前端开发。
Telegram迷你应用构建专家Skill telegram-mini-app
该技能专门用于构建Telegram迷你应用(TWA),这是一种在Telegram内运行的Web应用,提供类似原生的用户体验。技能涵盖Telegram Web App API、TON区块链集成、支付系统、用户认证、病毒式传播机制等,适用于开发游戏、DeFi应用、工具和社交应用。关键词:Telegram迷你应用、TWA、TON区块链、Web3、前端开发、病毒传播、货币化、Telegram Web App。
ReactHooks模式Skill react-hooks-patterns
这个技能用于掌握和使用 React Hooks 的各种模式,包括 useState、useEffect、useContext、useMemo、useCallback 和自定义钩子,实现现代 React 前端应用中的状态管理、副作用处理、性能优化和可重用逻辑。关键词:React Hooks, 前端开发, 状态管理, 副作用, 性能优化, 自定义钩子。
pnpm工作区管理技能Skill pnpm-workspaces
pnpm工作区管理技能是专为现代前端与全栈开发设计的工具,专注于在单体仓库(Monorepo)环境中高效配置工作区、管理项目依赖、处理对等依赖、发布NPM包以及优化node_modules结构。核心功能包括通过pnpm-workspace.yaml定义包结构,使用过滤命令进行精准的依赖安装与脚本执行,实现跨项目的统一构建与开发。适用于需要管理多个相互关联的JavaScript/TypeScript包的大型项目,能显著提升依赖安装速度与磁盘空间利用率,是优化前端工程化、Node.js后端项目及DevOps流程的关键技术。 关键词:pnpm工作区,Monorepo管理,依赖管理,前端工程化,Node.js包管理,DevOps工具,npm替代方案,工作区配置,对等依赖处理。
Web前端构建工具Skill web-artifacts-builder
这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件,使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目,关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。
TailwindCSS响应式设计Skill tailwind-responsive-design
Tailwind CSS响应式设计技能用于通过Tailwind CSS框架构建自适应布局和移动优先的网页设计,涵盖断点、容器查询和响应式工具的使用。适用于前端开发人员创建跨设备兼容的网站。关键词:Tailwind CSS, 响应式设计, 移动优先, 断点, 前端开发, 网页布局。
8位像素艺术图案Skill 8-bit-pixel-art-patterns
这个技能用于创建8位复古风格的像素化边框、阴影和效果,适用于UI组件开发,通过绝对定位的div实现像素艺术美学。关键词包括:像素艺术、8位、UI组件、CSS、React、前端开发。
ShadCNUI组件开发规范Skill shadcn-ui-patterns
ShadCN UI组件开发规范是一套针对React前端开发的标准化指南,专注于UI组件构建、无障碍访问(WCAG 2.1 AA)、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库(基于Radix UI原语)进行现代Web应用开发,包括组件安装模式、表单验证(React Hook Form + Zod)、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目,确保代码一致性、可维护性和卓越的用户体验。