shadcn-vue
shadcn-vue 的组件使用模式技能，基于 Reka UI v2 与 Tailwind CSS v4，覆盖组件 API、表单、数据表格、侧边栏与图表等用法约定。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,010 个结果
pwa-patterns
基于 Workbox 7.x 的渐进式 Web 应用（PWA）模式技能，涵盖 Service Worker 生命周期、离线优先缓存策略、可安装性与 VitePWA 集成，适合构建 PWA 与 Service Worker 的开发者参考。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
nextjs-app
用于生成 Next.js 14+ App Router 代码的技能，覆盖服务端组件、客户端组件、API 路由、中间件与数据获取模式，支持通过 /nextjs 命令触发，兼容 Codex 与 Claude Code。
vue-composables
一份用于编写高质量 Vue 3 组合式函数（composables）的规范指南，涵盖命名约定、文件结构、职责划分、错误处理与参数设计等规则，帮助在新建或重构 composable 时保持一致的代码模式。
litestar-templating
用于配置 Litestar 模板渲染的技能，涵盖 TemplateConfig、Jinja/Mako/MiniJinja 引擎选择、文件或字符串 Template 响应、请求与 CSRF 相关上下文及模板辅助函数的使用规范。
react-senior-guide
React Senior Guide 是一个面向 React 代码编写与审查的综合参考入口，通过路由表把具体问题分发到 9 个专项技能，覆盖 hooks、组件模式、反模式与性能优化，并给出跨领域原则和 AI 代码审查清单。
bmap-jsapi-v4
百度地图 JavaScript API 4.0 的开发技能包，用于开发、审查或排查基于 v=4.0 加载器和全局 BMap 命名空间的浏览器地图应用，覆盖接入、Map、覆盖物、图层、服务与排障等主题。
basercms5-theme-development
baserCMS 5系（CakePHP 5ベース）テーマ的正规开发模式集，涵盖主题插件结构、layout/element 写法、固定页面模板、Widget、邮件表单与博客模板等内容。
ui-styling
UI Styling 技能用于构建美观且无障碍的用户界面，结合 shadcn/ui 组件、Tailwind CSS 工具类样式与基于 Canvas 的视觉设计系统，适用于 React 系框架的界面开发、主题定制与快速原型。
Lead Gatherer Skill
Lead Gatherer Skill 是面向 B2B 场景的线索收集与整理技能，可对目标企业做网站分析与基本背景核查，并按固定字段将线索结构化保存为 CSV 文件，供销售或调研使用。
angular-testing
Angular 测试技能参考，覆盖 TestBed、ComponentFixture、服务测试与 HttpTestingController，并涉及独立组件测试和信号（signal）测试。
accessibility-lead
Web UI 无障碍负责人技能：在编写或修改 HTML、JSX、TSX、Vue、Svelte、CSS 或模板前使用，负责挑选合适的无障碍专家技能、并行派发、合并并排序发现的问题，并给出是否可发布的结论。
hyperframes-registry
HyperFrames Registry 技能用于把注册表中的区块（block）与组件（component）安装并接入 HyperFrames 合成。适用于执行 hyperframes add、安装区块或组件、以及将已安装项接入现有合成等场景。
competitor-intelligence
competitor-intelligence 是 Crawlora 提供的竞品情报技能，用于比较公司或产品。它可选用网站抓取、流量估算、评价、产品列表与招聘数据，产出区分官方声明、第三方观察与自身解读的竞品简报或对比矩阵。
techstack-prospecting
基于 Crawlora 技术栈数据集与实时网站检测，按公司网站使用的技术筛选和验证潜在客户。适合按技术画像定位目标网站，但检测到的软件只能说明技术匹配，不能证明预算、购买意愿或决策人身份。
cfd-bioreactor
用于生成 FEniCSx CFD 模拟脚本的 Claude 技能，可模拟生物工艺滤芯、生物反应器与膜器件内的流体流动、氧传输与膜渗透，覆盖几何导入、网格生成、Navier-Stokes 求解、物种传输与 PyVista 三维可视化。
nextjs-expert
Next.js 框架专家技能，聚焦 App Router、Server Components、数据获取与缓存、性能优化及全栈开发，用于诊断和修复 Next.js 13-15 项目问题并提供迁移与部署建议。
aria-patterns
提供交互组件的 ARIA 角色、状态与属性参考，含按钮、模态框、下拉菜单、标签页、手风琴、提示、组合框、进度条等可复制模式，用于构建自定义组件、修复屏幕阅读器问题并补充键盘支持。
icon-system
一套可扩展图标系统的实现指南，涵盖 SVG Sprite 与 React/Vue 图标组件两种方案，包含尺寸令牌、描边宽度、无障碍与 SVG 优化。适用于搭建图标库、创建尺寸令牌、优化 SVG 及图标字体迁移等场景。
tanstack-router
TanStack Router 的 React 类型安全路由最佳实践，涵盖文件式路由、数据加载、搜索参数校验、导航、错误处理与代码分割等规则。适用于构建 React 单页应用（SPA），需 React 18.0+、TypeScript 5.0+，推荐使用 Vite。
use-store-not-props-best-practice
该技能用于在设计与代码审查阶段规范组件数据流，要求优先通过全局 Store 访问状态，而不是通过 Props 层层传递数据。它提供了明确的执行步骤：检查组件是否通过 props 接收了 store 中已有的数据；在确认所需数据已存在于全局 store 后，重构组件改为直接从 store 获取数据，并移除无需透传的 props；完成后必须对照检查清单逐项验证，全部项目均需通过。
tailwindcss-accessibility
Tailwind CSS 无障碍技能，用于实现键盘可访问组件、屏幕阅读器专用内容、prefers-reduced-motion 支持及 WCAG 2.2 AA/AAA 合规，涵盖焦点状态、最小触控尺寸与对比度要求。
a11y-audit
用于检查前端代码可访问性（WCAG）的智能体技能，能检测 React、Vue、Svelte 框架并做静态分析，必要时用 axe-core CLI 扫描本地页面，按严重程度与 WCAG 条目分组报告问题并给出修复建议，但不自动修改代码。