UI 组件
基于代码的 UI 组件生成与样式实现
json-render-shadcn
vercel-labs
Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.
agenta-package-practices
Agenta-AI
Where to put frontend code (package vs app layer) and how to use the @agenta/* packages. Use when authoring or moving code in web/packages, choosing between @agenta/ui, @agenta/entities, @agenta/entity-ui, @agenta/shared, @agenta/playground, using molecules, loadable/runnable bridges, the EntityPicker, or writing package unit tests.
mobile-app-structure
Agenta-AI
Feature-folder layout, states/ convention, and data-flow rules for the Agenta mobile app (web/mobile). Use when creating or moving files under web/mobile, deciding where a component lives, adding a new feature or screen, or wiring data into mobile components.
auth-implementation-patterns
agent-skills-hub
Master authentication and authorization patterns including JWT, OAuth2, session management, and RBAC to build secure, scalable access control systems. Use when implementing auth systems, securing APIs, or debugging security issues.
unbrowse
unbrowse-ai
API-native agent browser powered by Kuri (Zig-native CDP, 464KB, ~3ms cold start). Unbrowse is the intelligence layer — learns internal APIs (shadow APIs) from real browsing traffic and progressively replaces browser calls with cached API routes (<200ms). Three paths: skill cache, shared route graph, or Kuri browser fallback. 3.6x mean speedup over Playwright across 94 domains. Full Kuri API surface exposed (snapshots, ref-based actions, HAR, cookies, DOM, screenshots). Free to capture and index; agents earn from mining routes for other agents.
paper-analyzer
zsyggg
将学术论文转化为深度技术文章，支持多种写作风格选择。 使用 MinerU Cloud API 高精度解析 PDF，自动提取图片、表格、公式。 可选公式讲解、GitHub 代码分析，生成 Markdown 和 HTML 格式。
performance-optimization
rohitg00
Web performance optimization including bundle analysis, lazy loading, caching strategies, and Core Web Vitals
mobile-development
rohitg00
Mobile development patterns for React Native and Flutter including navigation, state management, and responsive design
openspec-verify-change
rivet-dev
Verify implementation matches change artifacts. Use when the user wants to validate that implementation is complete, correct, and coherent before archiving.
frontend-excellence
rohitg00
Modern frontend patterns for React Server Components, performance optimization, and Core Web Vitals
review-verification-protocol
existential-birds
Mandatory verification steps for all code reviews to reduce false positives. Load this skill before reporting ANY code review findings.
code-comments
petekp
Write clear, plain-spoken code comments and documentation that lives alongside the code. Use when writing or reviewing code that needs inline documentation—file headers, function docs, architectural decisions, or explanatory comments. Optimized for both human readers and AI coding assistants who benefit from co-located context.
agentic-docs
petekp
Write clear, plain-spoken code comments and documentation that lives alongside the code. Use when writing or reviewing code that needs inline documentation like file headers, function docs, architectural decisions, or explanatory comments. Works well for both human readers and AI coding assistants who see one file at a time.
frontend-architecture
bdfinst
Frontend component architecture review — dispatch the component-architecture-review agent over the frontend component files to catch reusable components that should be extracted, duplicated UI patterns, prop drilling, component-granularity problems, and inconsistent component APIs as a frontend evolves. Use when the user says "review the frontend architecture", "are my components reusable", "is this UI duplicated", "should this be a shared component", "check for prop drilling", or before extracting a component library. Advisory — it recommends, it does not edit.
performance
addyosmani
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
Android Design System (Jetpack Compose)
HoangNguyen0403
Enforce Material Design 3 and design token usage in Jetpack Compose apps.
domain-name-brainstormer
ComposioHQ
Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.
knowledge-absorber
YuJunZhiXue
深度解析链接、文档或代码，生成“全能导师级”的教学笔记（零基础直达精通）。具备“真理锚定”校验能力，自动识别幻觉与过时信息。
google-apps-script
jezweb
"Build Google Apps Script automation for Sheets and Workspace apps. Produces scripts with custom menus, triggers, dialogs, email automation, PDF export, and external API integration."
browser-automation
BasedHardware
"Browser testing, design-to-code conversion, accessibility auditing, and visual debugging. Use for web development, testing, and design implementation."
diagram-generation
BasedHardware
"Mermaid diagram generation for architecture visualization, data flow diagrams, and component relationships. Use for documentation, PR descriptions, and architectural analysis."
swiftui-accessibility-auditor
rgmez
Audit SwiftUI views for accessibility (iOS + macOS) with patch-ready fixes
svelte
dylantarre
Builds token-driven Svelte 5 components with runes ($state, $props) and TypeScript. Use when creating Svelte component libraries, integrating design tokens, or building SvelteKit design system components.
angular
dylantarre
Builds token-driven Angular components with signals and standalone components. Use when creating Angular component libraries, integrating design tokens, or building design system components with new control flow syntax.