前端
前端框架、UI 组件、CSS 和 Web 应用
Skills 列表

implement-review
コード変更 (`git diff`) の品質・アーキテクチャ準拠・セキュリティ (OWASP Top 10) を Agent ツール委譲で読み取り専用レビューする。コミット前/PR 作成前のセルフレビュー、「変更をレビューして」「コードレビューして」などで使用。GitHub PR のレビューには implement-review-pr を使用。
fandhe-ai
design-guide
Paperclip UI 设计系统指南,用于构建一致、可复用的前端组件。在创建新的 UI 组件、修改现有组件、向前端添加页面或功能、设计 UI 元素,或需要理解设计语言和约定时使用。涵盖:组件创建、设计令牌、排版、状态/优先级系统、组合模式以及 /design-guide 展示页面。始终将此技能与 frontend-design 技能(视觉质量)和 web-design-guidelines 技能(Web 最佳实践)结合使用。
getpaperclipai
gluestack-ui-v5
Enforces constrained, opinionated styling patterns for gluestack-ui v5 (Tailwind CSS v4, NativeWind v5 / UniWind). Main overview skill that coordinates specialized sub-skills for setup, components, styling, variants, performance, and validation.
gluestack
extension-camera
网络摄像头支持。
caffeinelabs
extension-qr-code
使用摄像头扫描二维码。
caffeinelabs
extension-core-infrastructure
核心基础设施,提供后端连接配置、存储客户端和React应用入口点。
caffeinelabs
ui-designer
打造独一无二、可交付的前端界面,具有卓越的设计品质。当用户想要构建 Web 组件、页面、制品、海报或应用程序(例如网站、着陆页、仪表盘、React 组件、HTML/CSS 布局,或任何涉及样式美化 Web UI 的任务)时,应用此技能。生成富有创意、精炼的代码和 UI 设计,避免千篇一律的 AI 美学。
daniel-dan-conrad
safe-action-hooks
Use when executing next-safe-action actions from React client components or building optimistic UI -- useAction, useOptimisticAction, useStateAction, useOptimisticStateAction, status/callbacks (onSuccess/onError/onSettled), execute vs executeAsync, formAction, reset, and queued or serialized mutations such as drag-to-reorder, Kanban boards, overlapping saves, accumulating changes, and shared pending-change lists
next-safe-action