design-to-code
design-to-code 是一个依据 Aphrodite MCP 证据与视觉参考实现和打磨界面的技能，通过项目感知、截图校验的迭代方式，让实现融入目标项目并在指定视口逼近设计稿，适用于有设计稿或截图参考的前端实现工作。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
前端与建站
11,240 个结果
frontend-design
frontend-design 是一个用于生成独特、生产级前端界面的设计技能，适用于落地页、网站、仪表盘等。它强调先确立视觉主题、内容规划与交互构想，再实现可用的 HTML/CSS/JS、React、Vue 等代码。
shopify-app-i18n
为 Shopify 应用添加多语言支持的指南，基于 i18next 生态，覆盖安装、服务端语言检测、翻译文件组织、组件用法与 Shopify Admin 语言识别，并说明主题与结账扩展使用各自独立的语言文件。
threejs-textures
Three.js 纹理技能参考，涵盖纹理类型、UV 映射、环境贴图与纹理设置，适用于处理图像、UV 坐标、立方体贴图、HDR 环境等场景。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南，包含 8 大类共 45 条按影响优先级排序的规则，用于指导编写、审查和重构 React/Next.js 代码。
hr-frontend
面向HR、招聘与人才获取团队的前端工程知识技能，帮助非技术招聘者理解前端概念、生态、候选人筛选、作品集评估、面试题与招聘要求撰写，并区分前端工程师的资历层级。
react-native-migration-0.79.x-to-latest
面向 React Native 项目的迁移技能，指导从 0.79.x 升级到 0.83.x（含范围内小版本与补丁版本）。提供破坏性变更自动检测、逐步修复建议、代码替换方案与迁移完成度验证。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量并避免常见的“AI 味”审美。它适用于用户要求构建网页组件、页面或应用时，指导实现可运行代码并注重美学细节与创意选择。
auth-components
auth-components 是一个面向 Clerk 认证 UI 的技能包，提供预构建组件与自定义流程的模板、脚本和示例。它覆盖 Clerk 的两种认证界面实现方式：可直接使用的 <SignIn />、<SignUp />、<UserButton /> 预构建组件，以及用于高级自定义流程的 Clerk Elements。技能包含生成认证页面、生成外观主题配置、校验组件实现三类脚本，以及登录页、注册页、自定义用户按钮、受保护路由包装器等模板，并附带自定义登录、社交登录按钮、完整主题配置等示例。适用于在 Next.js App Router 项目中搭建和定制认证界面、统一品牌主题、保护路由等场景。
mobile-navigation
面向 React Native/Expo 应用的移动端导航技能，基于 React Navigation，覆盖 Stack、Tab、Drawer 导航器、深度链接与 TypeScript 类型安全导航，并处理认证流程。
nextjs-integration
面向 Next.js 的 Clerk 身份认证集成技能，覆盖 App Router 与 Pages Router 两种模式，提供安装脚本、中间件配置、服务端与客户端认证辅助方法及受保护路由模板，需自备 Clerk 账号与密钥。
tailwind-shadcn-setup
为 Next.js 项目配置 Tailwind CSS 与 shadcn/ui 组件库的技能，涵盖安装、主题令牌、暗色模式与组件集成，提供自动化脚本和模板。
web-artifacts-builder
Web Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 制品的工具集，基于现代前端技术栈（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后用打包脚本将所有代码、样式和依赖内联为单个自包含的 HTML 文件，可直接在 Claude 对话中作为制品分享。技术栈包括 React 18、TypeScript、Vite、Parcel（打包）、Tailwind CSS 和 shadcn/ui。
frontend-security-csp-and-xss-hardening
该技能用于加固前端应用，防御 XSS、点击劫持与供应链风险，涵盖 CSP 策略、HTML/URL 净化、安全渲染、第三方脚本审计与安全响应头校验，适用于面向互联网且含丰富用户内容的界面。
ui-engineering-and-design-systems
这是一个面向前端 UI 工程与设计系统的技能，用于在构建或审查前端功能时，以组件驱动设计、无障碍、性能和可维护性为约束进行开发。适用于构建或修改页面/组件、创建共享 UI 基础组件或设计令牌、修复无障碍、响应式或性能回归等场景。技能提供明确的工作流程、必需检查项、决策框架、常见借口与反驳，以及证据包和退出标准，帮助团队在实现前明确渲染、状态与 API 边界决策，并确保关键用户路径有测试覆盖。
web-accessibility-wcag-compliance
该技能面向需要满足 WCAG 无障碍合规要求的 Web 开发场景，帮助团队交付键盘可操作、屏幕阅读器可读、对比度达标的可访问界面。它把无障碍从“上线后审计”前移为发布准入标准：按功能定义无障碍验收条件，实现语义结构与焦点管理，校验颜色对比度与响应式表现，补充自动化与人工无障碍测试，并对已知例外记录整改计划。适用于受监管或企业级无障碍要求、公共部门或包容性设计承诺的项目。技能强调语义 HTML 优先、ARIA 仅作补充，要求关键流程可纯键盘操作、焦点顺序合理可见、表单错误可被朗读并关联、文本与控件对比度达标。产出的证据包包括 axe 或同类自动化报告、键盘与屏幕阅读器人工测试记录、更新令牌的对比度验证，以及带负责人和日期的整改清单。退出标准是关键旅程达到无障碍目标，并在 CI 中防止回归。
admin-ui-debug
面向 vercel-openclaw 管理后台与运维界面的调试技能，聚焦命令外壳设计、管理操作、请求核心、状态面板与启动验证 UI，强调以证据为先、保持紧凑深色运维风格。
accessibility
无障碍（a11y）技能，用于让应用符合 WCAG 指南、实现 ARIA 模式、支持屏幕阅读器与键盘操作。资料给出优先级分层、可交给 AI 实现的清单、对比度标准与测试清单，强调语义化 HTML 可免费获得约 80% 无障碍收益。
frontend-dev
frontend-dev 是一个全栈前端开发技能，结合高级 UI 设计、电影级动效、AI 生成媒体素材、说服性文案与视觉艺术，用于构建完整、可上线的生产级前端页面。
xberg-picking-a-format
Xberg 提取文档时的输出格式选择指南：区分 --format（CLI 输出形式 text/json/toon）与 --content-format（内容渲染 plain/markdown/djot/html/json/doctags），并按下游消费者给出推荐组合与用法示例。
use-rustify-docs
用于以 Rustify Docs 创建或改造文档站与 Landing Page 的中文技能说明。技能面向站点作者，在用户目标项目中工作，默认采用静态 HTML/CSS 的 DOM 路径，纯内容站不编译站点 Rust、不加载 wasm，也不需要 Node、Tailwind CLI 或 Makepad；只有具体交互组件或 demo 需求才选 components 模板与 DOM islands。文档站按读者任务组织入门、操作指南、参考与解释内容，先打通真实阅读路径并核对代码、API、命令和输出。Landing Page 使用 layout: landing，保留品牌与 hero，移除文档导航、搜索、侧栏和目录，并必须实际调用 ui-loop 打磨首屏吸引力与转化路径；设计方向与实现由 impeccable 负责。该技能不用于 Rustify 框架开发，也不用于已指定其他建站技术的任务；仅咨询时只读，不擅自扩展为框架开发、整站迁移、后端、统计服务或发布。
nuxt-seo
Nuxt SEO 生态的完整指南，覆盖 8 个官方模块（@nuxtjs/seo、nuxt-robots、nuxt-sitemap、nuxt-og-image、nuxt-schema-org、nuxt-link-checker、nuxt-seo-utils、nuxt-site-config）及 Pro 模块，用于为 Nuxt 应用配置 SEO，包含安装、配置示例、常见问题预防与参考文档。
accessibility
Web 无障碍规范技能：以语义化 HTML 为基础、按需使用 ARIA、始终保证键盘可操作，目标为 WCAG 2.2 AA 合规。适用于编写或审查含交互的无障碍页面代码。
css
CSS 编写规范与布局模式技能，强调可预测样式：默认单类选择器、扁平特异性，使用 Flexbox/Grid、容器查询、级联层与现代 CSS 特性管理样式，并覆盖 SCSS 模块化写法，供编写或审查 CSS 时调用。