前端开发 - SkillsBot AI Skill技能库

CSS布局助手Skill css-layout-helper

CSS布局助手是一个工具，用于帮助前端开发者解决CSS布局问题，如对齐和间距，通过解释问题并推荐flexbox或grid布局，提供修复方案。关键词包括CSS布局、前端开发、flexbox、grid、响应式设计、对齐、间距、布局问题修复。

软件UI/UX设计Skill software-ui-ux-design

此技能专注于设计和优化软件用户界面与用户体验，涵盖UI设计、UX研究、可访问性审核（如WCAG标准）、设计系统定义、流程优化和转化率提升（CRO），适用于Web、iOS、Android和桌面平台，包括AI/自动化UX模式。关键词：UI设计，UX设计，可访问性，设计系统，用户体验优化，WCAG，CRO，前端开发。

Next.js全栈模式Skill nextjs-fullstack-patterns

这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。

网页到MarkdownSkill web-to-markdown

这个技能用于将网页转换为Markdown格式，特别适合处理JavaScript渲染的页面。它通过本地浏览器自动化工具（Puppeteer）和内容提取库（Readability）实现，可以生成干净的Markdown输出，便于内容管理和分析。关键词：网页转换、Markdown、Puppeteer、Readability、JS渲染、内容提取。

TypeScript工具类型Skill typescript-utility-types

此技能专注于使用TypeScript的内置工具类型、映射类型、条件类型和高级类型操作技术，用于创建灵活、类型安全的TypeScript代码，提升开发效率和代码质量。关键词：TypeScript、工具类型、映射类型、条件类型、类型安全、代码生成、前端开发、类型推断、模板文字类型。

内容集合工具Skill content-collections

内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。

HebcalAPI集成Skill shabbat-times

这个技能用于通过 Hebcal API 获取犹太日历数据、Shabbat 时间、Hebrew 日期转换和 Zmanim，适用于构建需要 Jewish 日历信息的应用程序，如宗教应用、日程管理工具等。关键词：Hebcal API, 犹太日历, Shabbat 时间, Hebrew 日期, 日历 API, 宗教数据。

Storybook故事编写Skill storybook-story-writing

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

前端构建工具套件Skill artifacts-builder

这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。