anthropic-frontend-design
一个用于生成独特、生产级前端界面的技能，强调避免通用“AI 味”审美，通过明确的美学方向与精细实现，产出可运行且视觉突出的组件、页面或应用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,339 个结果
ash-phoenix
AshPhoenix 是将 Ash Framework 与 Phoenix 集成的指南，核心是 AshPhoenix.Form，用于创建和更新由 Ash 资源支撑的表单，涵盖验证、提交、嵌套表单与联合类型表单等用法。
design-taste-frontend
面向 React/Next.js 前端开发的 UI/UX 工程技能，通过指标化规则约束 LLM 的默认设计偏好，规范组件架构、排版、配色、动效与性能，产出更接近高级定制的前端界面。
dioxus-modern
Dioxus 0.7 + Tailwind CSS 现代开发指南技能，涵盖 Signals、Stores、ReadSignal 属性、异步模式、组件与 Tailwind 集成等主题，面向用 Rust 编写现代、AI 友好 UI 的开发者。
frontend-component
frontend-component 是一个用于按项目规范创建 React 组件的技能，提供生成脚本与目录、样式、图标、导入等约定，帮助保持组件结构一致。
frontend-css
面向 Claude Code 的前端 CSS 技能，指导在组件与页面中按项目既有方法论编写和维护样式，涵盖 Tailwind、BEM、CSS 模块、styled-components、设计令牌与生产环境 CSS 清理等场景。
frontend-specialist
frontend-specialist 是一个前端专家技能，专注 UI/UX、React、TypeScript 与现代 CSS，强调无障碍、响应式设计与性能优化，通过 /ux 工作流生成高质量组件。
frontend-svelte
面向 SvelteKit 5 开发的技术知识技能，涵盖 Runes 响应式语法、组件结构、状态管理、SvelteKit 路由与数据加载、表单处理、样式与性能实践，并列出应避免的反模式。
gemini-frontend-design
一个借助 Gemini 3 Pro 生成独特、生产级前端界面的技能：由 Gemini 提供设计方向与初版实现，再由 Claude 校验、润色并保存代码，适合需要非模板化视觉风格的前端页面与组件设计。
nextjs
Next.js 框架最佳实践技能，涵盖 App Router、数据获取与性能优化，面向使用 Next.js 开发的工程师，提供服务端组件、缓存、图片字体优化、路由处理与 SEO 等实践要点。
nextjs-best-practices
面向 Next.js App Router 开发的实践原则技能，涵盖服务端与客户端组件划分、数据获取、路由约定、API 路由、性能优化、元数据、缓存、Server Actions 与常见反模式，帮助开发者按官方推荐方式组织项目结构。
react
React Native 是一个使用 React 构建 Android、iOS 等原生应用的框架，核心理念是“学一次，随处编写”。资料提供官方文档索引，涵盖环境搭建、核心组件、API、调试、无障碍与平台特定代码等主题。
react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南，包含 8 大类共 45 条按影响优先级排序的规则，用于编写、审查或重构 React/Next.js 代码时参考。
react-frontend
React 前端技能，提供 Chat、Evaluation、Report、Admin 四类 React 组件，使用 TypeScript、Tailwind 与自定义 hooks，含项目结构、组件模式、状态管理与 API 客户端示例。
react frontend architecture
一套面向可扩展 React 应用的架构规范，涵盖项目目录结构、组件设计、状态管理与样式约定，强调关注点分离与可维护性，采用 Features-First 组织方式与 ViewModel 式组件模式。
react-specialist
一个面向 React 18+ 的专家型技能，覆盖现代 React 生态、性能优化、高级 Hooks、服务端组件与状态管理等主题，提供架构规划、实现与交付检查清单，并列出 Vite、Jest、Cypress、Storybook 等配套工具。
react-ui-patterns
一套现代 React UI 模式指南，聚焦加载状态、错误处理与数据获取，帮助开发者在构建组件、处理异步数据和管理 UI 状态时避免陈旧界面、静默错误等问题。
scroll-experience
Scroll Experience 是一个专注于构建沉浸式滚动驱动体验的技能，定位为“滚动体验架构师”。它把滚动视为叙事工具而非单纯导航，擅长视差叙事、滚动动画、交互式叙事和电影感网页体验。技能涵盖滚动触发揭示、进度指示器、粘性区块、滚动吸附等能力，并给出 GSAP ScrollTrigger、Framer Motion、Locomotive Scroll、Lenis、CSS scroll-timeline 等库的适用场景与学习曲线对比，附带 GSAP、Framer Motion 和 CSS 原生滚动动画的代码示例。技能还提供视差分层速度建议、故事节奏结构、文字揭示、粘性区块与横向滚动实现方式，并列出常见反模式（滚动劫持、动画过载、仅桌面端）及问题处理表。适用于产品功能展示、前后对比、分步流程、图片画廊等场景，本资料未提供具体收费、价格或平台限制信息。
senior-frontend-expert
面向 React、Next.js 与现代 Web 开发的前端专家技能，用于开发前端功能、构建组件、优化性能、实现 UI/UX 设计、管理状态与审查前端代码，强调以用户体验为先的架构决策。
tailwind
该技能说明如何高效使用 Tailwind CSS 进行前端样式开发，适用于为前端功能编写样式的场景。内容强调先复用项目已有的 Tailwind 约定，在合适情况下将重复模式提取为符合项目框架规范的组件，并关注类名的位置、顺序、优先级与默认值，减少冗余类并合理组织元素层级。技能要求使用 Tailwind CSS v4，不使用已废弃的工具类，并指出 v4 不再支持 corePlugins。文中给出 v4 的 CSS-first 配置方式（@theme 指令，无需 tailwind.config.js）、用 @import 引入样式的方式，以及废弃类与替代类对照表（如 flex-shrink 改为 shrink、overflow-ellipsis 改为 text-ellipsis 等）。同时要求：已有页面支持暗色模式时，新页面与组件也应以类似方式（通常使用 dark: 前缀）支持暗色模式；列表项间距使用 gap 工具类而非外边距。
vercel-web-design-guidelines
用于审查 UI 代码是否符合 Web 界面最佳实践的技能，覆盖无障碍、性能与 UX 等 100 多条规则，适合审计可访问性、检查交互模式、优化表单校验与动画。
wcag-audit-patterns
依据 WCAG 2.2 指南审计网页无障碍性的技能，结合自动化扫描与人工验证，将问题映射到具体准则并给出修复建议，适用于无障碍整改、合规准备等场景。
web-frontend
面向 Next.js App Router 的前端开发技能规范，涵盖 Server/Client 组件划分、tRPC 数据获取与缓存失效、React Hook Form + Zod 表单校验、AuthGuard 受保护路由、shadcn/ui 与 Tailwind 约定，以及文件组织与命名规范。
wordpress-theme-development
这是一个 WordPress 主题开发工作流，覆盖主题架构、模板层级、自定义文章类型、区块编辑器（Gutenberg）支持和响应式设计。它把从主题搭建、模板文件创建、主题函数、自定义文章类型与分类法、自定义区块与区块样式、响应式样式与无障碍，到浏览器测试的多个阶段串联起来，并在每个阶段标明可调用的技能与示例提示词。资料还给出标准主题目录结构、质量检查清单及相关工作流引用。适合从零创建或改造 WordPress 主题的开发者参考。