前端开发 Skill技能列表
前端开发编码规范Skill coding-standards
这个技能专注于TypeScript、JavaScript、React和Node.js开发的代码标准、最佳实践和模式，帮助开发者编写高质量、可维护的代码。关键词：编码标准、最佳实践、TypeScript、JavaScript、React、Node.js、前端开发、代码质量、软件开发。
NuxtSkill nuxt
Nuxt 是一个基于 Vue.js 的全栈 Web 开发框架，专注于服务端渲染（SSR）、自动导入和文件路由。它简化了现代 Web 应用的构建流程，支持混合渲染和跨平台部署，是构建高性能、SEO 友好的 Vue 应用的关键工具。关键词：Nuxt 框架、Vue SSR、服务端渲染、全栈开发、自动导入、文件路由、Nitro 服务器、混合渲染、Web 应用开发。
Slidev幻灯片制作工具Skill slidev
Slidev是一款基于Vite、Vue和Markdown的web幻灯片制作工具，专为开发者设计，支持代码高亮、动画、交互式演示、数学方程和图表功能，适用于技术演讲、会议发言和教学材料制作。关键词：幻灯片、开发者、Markdown、Vue、代码高亮、动画、交互演示、技术演讲、教学工具、Web演示。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面，强调美学设计和代码质量，避免通用AI生成风格。适用于Web开发、UI/UX设计、创意编码，关键词包括前端设计、Web开发、美学界面、创意编码、SEO优化、HTML/CSS、React、Vue。
Web构件构建器Skill web-artifacts-builder
这个技能提供了一套工具，用于使用现代前端技术（如 React、Tailwind CSS、shadcn/ui）创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目，帮助开发者快速构建和打包前端应用，便于在 Claude 对话中共享。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML 构件，工具套件，打包工具。
ESLint代码检查配置Skill eslint
ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务，涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。
排版Skill typography
该技能专注于用户界面文本的排版设计，包括字体选择、CSS 样式审查、提高可读性、增强链接可点击性，并降低可访问性风险。适用于前端开发和 UI/UX 设计，关键词包括：排版设计、字体选择、CSS 排版、可读性优化、可访问性、UI 文本、前端开发。
Figma设计实现技能Skill "figma-implement-design"
该技能通过Figma MCP工作流，将Figma设计节点准确转化为生产就绪代码，实现1:1视觉保真度，适用于前端开发、设计系统集成和代码生成。关键词：Figma、设计实现、代码转换、视觉保真、前端开发、MCP工作流。
国际化与本地化技能Skill i18n
国际化（i18n）与本地化（l10n）技能用于设计和实现多语言应用程序，包括翻译管理、区域特定格式化、RTL布局支持、复数化规则等，覆盖从架构模式到流行库的应用。关键词：国际化、本地化、翻译、多语言、区域格式化、RTL支持、复数化、日期格式、数字格式、货币格式、i18next、react-intl、gettext、ICU MessageFormat、Intl API、CSS逻辑属性、语言检测、SEO优化。
UI设计师Skill ui-designer
UI设计师技能专注于提供专业的用户界面视觉设计服务，包括创建美观、直观且符合可访问性标准（如WCAG）的界面。核心能力涵盖视觉设计（色彩、字体、布局）、组件系统构建（按钮、表单、导航）、交互设计（状态、动画）以及设计系统开发。适用于新产品界面设计、现有界面重构、响应式设计实现、组件库创建和可访问性合规检查等场景。关键词：UI设计，用户界面，视觉设计，设计系统，组件库，可访问性，WCAG，响应式设计，交互设计，前端设计规范。
屏幕捕获APISkill screen-capture-api
屏幕捕获API是一个跨平台的桌面媒体捕获工具，主要用于实现屏幕截图和屏幕录制功能。该技能支持全屏捕获、特定窗口捕获、区域捕获、多显示器处理、屏幕内容流式传输以及权限管理。适用于软件开发、远程协助、在线教育、游戏直播等场景。关键词：屏幕捕获，截图工具，屏幕录制，跨平台，桌面捕获，媒体采集，Electron，权限管理。
FigmaMCP集成Skill figma
这个技能用于通过 Figma MCP 服务器从 Figma 设计工具中自动获取设计上下文、截图、变量和资产，并将 Figma 节点翻译成生产代码（如 React + Tailwind），实现设计到代码的自动化转换。适用于前端开发项目，提高开发效率，确保设计一致性，支持链接驱动的实现流程。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化, 代码生成, 设计系统。