ppt
基于本地 HTML/JS PPT 框架（位于 D:\SKILL\project\ppt）以代码方式创作并导出 PPTX 演示文稿的技能。用 projects/*.js 中的 const SLIDES 定义幻灯片，先做 HTML 预览迭代，再转换为 PowerPoint 兼容的 .pptx，适合从主题或大纲批量生成风格一致的幻灯片。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,329 个结果
angular-cdk-integration
用于 ng-events 项目的 Angular CDK 集成技能，指导使用 @angular/cdk 的拖放、浮层、传送门、虚拟滚动、无障碍、剪贴板与平台检测等工具创建组件和功能，兼容 @angular/cdk 20.x 与 Angular 20.3.x。
angular-component
Angular Component 是一个面向 Angular v20+ 的组件开发技能，用于创建现代 Angular 独立组件（standalone components）。它强调组件默认即为独立组件，无需设置 standalone: true，并围绕基于 signal 的输入输出、OnPush 变更检测、host 对象绑定、内容投影、生命周期钩子、无障碍要求以及原生模板控制流等最佳实践提供规范与示例。该技能适合在构建 Angular UI 组件时参考，帮助开发者采用新版 Angular 的推荐写法，避免使用 *ngIf、*ngFor、ngClass、ngStyle 等旧式语法。
animate
一个用于审查功能并为其添加有目的动画、微交互与动效的技能，旨在提升可用性与愉悦感，并强调无障碍与性能约束。
archify
Archify 是一款将小型类型化 JSON 规格转换为自包含、可探索的独立 HTML 图表工具，支持架构、工作流、序列、数据流和生命周期/状态图，内联 SVG，自带深色/浅色主题。
blog-writer
用于为 Next.js 站点撰写并添加新博客文章的 AI 技能，通过匹配 src/lib/blog-data.ts 中已有的 BlogPost 结构，保持语气、结构与 SEO 风格一致。
building-nextjs-apps
用于构建 Next.js 16 应用的技能，指导正确的框架模式与有辨识度的设计，涵盖页面、布局、动态路由及从 Next.js 15 升级等场景。
cc-skill-frontend-patterns
该技能是一套面向现代前端开发的模式与最佳实践集合，覆盖 React 与 Next.js 的组件设计、自定义 Hooks、状态管理、性能优化、表单处理、错误边界、动画及无障碍交互，通过 TypeScript 代码示例展示可维护、高性能用户界面的实现方式。
ckm-ui-styling
ckm-ui-styling 是一项 UI 样式技能，结合 shadcn/ui 组件、Tailwind CSS 工具类样式与基于 Canvas 的视觉设计，用于构建美观且无障碍的界面。
crawl4ai
Crawl4AI 是一个网页爬取与数据提取工具，支持 CLI（crwl）和 Python SDK，可处理 JavaScript 较重的页面、批量爬取 URL、把网页转成干净的 Markdown，并按 CSS schema 或 LLM 提取结构化数据。
design-taste-frontend
面向前端 UI/UX 生成的高级技能规范，通过量化基线（设计差异度 8、动效强度 6、视觉密度 4）约束大模型默认审美，强制组件架构、性能护栏与反 AI 套路规则，用于产出高质感 React/Next.js 界面。
docusaurus-advanced
深入介绍 Docusaurus 的配置、插件与自定义字段：涵盖 TypeScript 配置文件、customFields 暴露 API 地址、经典预设与侧边栏、主题 swizzling、自定义 CSS 以及 MDX 交互组件，适合需要自定义文档站的开发者参考。
firefox-browser
通过 WebSocket 控制用户真实 Firefox 浏览器会话的桥接工具，保留已登录状态与 Cookie，可列出标签页、导航、读取页面、点击输入、填表、截图、执行 JavaScript，并支持 Bitwarden 自动登录、分支试探与多 URL 并行。
frontend-accessibility
frontend-accessibility 是面向 Claude Code 的前端无障碍技能，帮助在编写界面时遵循无障碍编码规范，涵盖语义 HTML、键盘导航、颜色对比、屏幕阅读器支持与 ARIA 属性等要点。
frontend-code-review
前端代码审查技能，适用于用户要求审查前端文件（如 .tsx、.ts、.js）时触发，支持待提交变更审查与指定文件审查两种模式，依据按类别划分的检查清单标记规则违规并附带紧急程度，输出遵循固定的两种模板格式。
frontend-components
为 Claude Code 提供前端组件编码规范的技能，指导在 React 的 .tsx/.jsx 文件中创建、编辑和重构可复用 UI 组件，涵盖 props 接口、TypeScript 类型、组件状态、组合方式与命名约定等。
frontend-guardrails
一套面向前端开发的 AI 技能规范，用于搭建、扩展或审查任意 UI 与前端项目，让专业化产出自成默认。涵盖 DRY 复用、设计令牌、响应式、性能、可访问性、错误处理、类型安全、SEO 与安全检查，并按项目规模调整严格度。
lavish
将复杂说明或视觉方案制作成可批注的 HTML 页面，并通过 lavish-axi 接收用户反馈。
pinia
Pinia 是 Vue 官方状态管理库，类型安全且可扩展。本技能基于 Pinia v3.0.4，涵盖定义 store、state/getters/actions、插件、组合式用法、测试、SSR、Nuxt 与 HMR 等参考主题。
react-19-patterns
React 19 模式技能包，涵盖全部 Hooks、服务端与客户端组件、Suspense、流式渲染与过渡，帮助开发者按规范编写 React 19 组件并提供校验脚本。
react-native-design
该技能用于掌握 React Native 样式、导航与 Reanimated 动画，构建跨平台移动应用。涵盖 StyleSheet 与 styled-components 样式、Flexbox 布局、React Navigation 6+、Reanimated 3 动画、Gesture Handler 手势、平台差异化设计及性能优化。
react-nextjs-development
面向 React 与 Next.js 14+ 应用开发的技能工作流，覆盖 App Router、Server Components、TypeScript、Tailwind CSS 等现代前端模式，按项目搭建、组件架构、样式、数据获取、路由、表单、测试到部署的阶段组织，并列出可调用的相关技能。
react-useeffect
React useEffect 最佳实践指南，源自官方文档。用于编写或审查 useEffect、使用 useState 处理派生值、数据获取或状态同步等场景。核心观点是“你可能并不需要 Effect”：Effect 是 React 的逃生舱，用于与外部系统同步；若没有涉及外部系统，通常就不应使用 Effect。资料以快速参考表和决策树的形式，对比了派生状态、昂贵计算、属性变化时重置状态、用户事件响应、通知父组件、数据获取等常见情况下的错误做法与正确做法，并说明何时确实需要 Effect（如与外部系统同步、订阅外部存储、分析日志、带清理的数据获取），何时不需要 Effect（如渲染时的数据转换、处理用户事件、派生状态、链式状态更新）。
rn-auth
rn-auth 是面向 Expo React Native 应用的身份认证模式参考，涵盖 OAuth 登录、Google/Apple 登录、令牌管理与会话处理，并列出常见配置错误与调试方法。