tailwind-dashboard
用于构建 Tailwind CSS 后台管理面板、数据表格、CRUD 界面和管理控制台的参考技能，涵盖表格变体、筛选搜索、仪表盘导航、表单、反馈状态、分页与抽屉等模式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
前端与建站
11,245 个结果
wp-performance
面向 WordPress 性能优化的技能指南，覆盖 WP_Query 与数据库查询、缓存分层、钩子与 AJAX、资源加载、定时任务、性能剖析及反模式检测，适用于排查慢查询、配置缓存、审查主题插件代码和应对高流量场景。
clone-website
clone-website 是一个把任意网站逆向还原为 Astro 6 生产级代码的技能，使用 agent-browser 无头抓取，边提取边并行构建，逐区块提取资源、精确 CSS、内容与交互行为。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
angular-expert
针对 Angular 框架的专家级技能，覆盖 RxJS 响应式编程、TypeScript、依赖注入与企业级应用开发，适用于组件架构、响应式数据流、性能优化与测试等任务。
ui-guidelines
面向 React/Next.js 应用的 UI/UX 规范技能，基于 Ant Design、shadcn/ui 与统一设计令牌，指导创建表单、表格、弹窗、卡片、图表等组件，保证颜色、间距、字体与交互模式一致。
frontend-development
前端开发原子技能，用于创建 React/Vue 组件、管理状态、配置路由并优化构建体积与性能，支持 TypeScript 与可访问性校验，可作为全栈技能链中的一环。
frontend-design
frontend-design 是一个用于构建独特、生产级前端界面的技能，强调避免千篇一律的“AI 味”审美，通过明确的视觉方向与精细的细节实现有辨识度的网页组件、页面与应用。
modifying-taxonomic-filter
PostHog 前端 TaxonomicFilter 组件的安全修改指南。TaxonomicFilter 是用于选择事件、属性、动作、人群等分析对象的多标签选择器，位于 frontend/src/lib/components/TaxonomicFilter/。
react-doctor
React Doctor 是一款扫描 React 代码库的 CLI 工具，检查安全、性能、正确性与架构问题，输出 0-100 评分和可操作的诊断报告，适合审查 React 代码、修复性能问题、审计安全或提升代码质量时使用。
writing-kea-logics
PostHog 前端 kea 逻辑文件（*Logic.ts / *Logic.tsx）的编写与评审指南，说明业务逻辑应放在 logic 而非 React、状态容器的选择方法、常见模式索引与类型生成命令。
motion
Motion（原 Framer Motion）是面向 React 与 JavaScript 的官方动画库，提供声明式动画、手势、滚动效果、布局过渡与弹簧物理，并附带本地打磨与质量提升指南。
blog-all
blog-all 是一个用于为 psquared 旗下三个网站（inboxmate.psquared.dev、psquared.dev、ki-linz.at）批量撰写并发布博客文章的技能，按顺序依次调用各站点的博客技能，全程自主执行。
putio-frontend-viteplus
该技能用于将前端仓库迁移或对齐到标准 VitePlus 工作流，适用于想以 vp 统一包管理或 monorepo 仓库的场景。需结合仓库实际情况，避免盲目删除原有发布或运行逻辑。
testing-react-ts
面向 React/TypeScript 项目的测试规范技能，基于 Vitest 与 Playwright，涵盖组件测试、集成测试、端到端测试及测试基础设施配置。
randroid-vibereview
VibeReview 是一个用于浏览器游戏试玩测试的无头 CLI 工具，可采集截图与浏览器状态证据，并将发现写入 Spiral-HTML 评审台账。适用于需要对实际游玩过程取证、记录问题并跟踪发布阻塞项的场景。
rdc-vue-testing
面向 @data-client/vue 的 Vue 3 测试技能，讲解用 renderDataCompose 测试组合式函数、用 mountDataClient 测试组件，以及 fixtures、nock、Suspense 与响应式 props 的测试写法。
remotion-saas
Remotion 的 SaaS 应用开发技能，帮助在 React 等前端框架中构建含视频预览与渲染功能的应用，可用于简单表单触发渲染，也可搭建复杂视频编辑器。
interswitch-web-checkout
Interswitch Web Checkout 技能，用于在网站接入 Interswitch 网页支付：提供 Inline Checkout（JavaScript 弹窗组件）与 Web Redirect（HTML 表单 POST 跳转）两种收款方式，含测试与生产地址、参数、响应码及服务端校验建议。
sfnext-performance
针对 Storefront Next 店铺前端的性能优化技能，涵盖包体积限制、DynamicImage 组件、Lighthouse 审计与渐进式流式渲染，用于检查包体积、优化图片与数据获取、排查布局偏移等性能问题。
sfnext-state-management
Salesforce Storefront Next 客户端状态管理技能：用 React context provider 与功能级 Zustand store 管理状态，适用于购物车/认证 UI 状态等场景。
css-tokens
为网页项目提供基础 CSS 设计令牌（自定义属性）的技能，覆盖字体、间距、颜色、边框、z-index 与过渡，适合搭建统一的 CSS 设计基础。
frontend-security
对前端代码库进行安全审计的技能，可发现 XSS、CSRF、DOM 漏洞及不安全实践，并按严重级别输出带修复建议的报告，来源为 schalkneethling/claude-toolkit。
avalonia-layout-zafiro
面向 Avalonia UI 的布局规范技能，借助 Zafiro.Avalonia 推行共享样式、语义化容器与通用组件，减少 XAML 冗余。提供主题、容器、图标、行为、组件等分主题指南及整洁布局检查清单。