UI Components
Code-based UI component generation and styling
android-kotlin
by alinaqi
Android Kotlin development with Coroutines, Jetpack Compose, Hilt, and MockK testing
1k-performance
by OneKeyHQ
Performance optimization for React/React Native — re-renders, memoization, FlashList, memory leaks, and bundle size.
heroui-react
by heroui-inc
"HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when working with HeroUI components, installing HeroUI, customizing HeroUI themes, or accessing HeroUI component documentation. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles."
weekly-report
by yunshu0909
帮助用户梳理周报，按照完整逻辑展示工作价值和边界。当用户说"写周报"、"周报"、"梳理周报"、"整理工作"时触发。
ui-design
by yunshu0909
UI 样式修改协作流程。当用户要求修改页面样式、调整布局、改 UI 细节时使用。通过"截图定位 → 现状描述 → 方案选择 → 改代码 → 微调"的结构化流程，减少沟通偏差，避免浪费 token。
vue
by onmax
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
implementation-approach
by shinpr
Implementation strategy selection framework with meta-cognitive approach, verification levels, and integration point definitions. Use when planning implementation strategy, selecting development approach, or defining verification criteria.
hexdocs-fetcher
by oliver-kriska
Fetches HexDocs documentation efficiently using WebFetch tool. Converts HTML to markdown automatically for context efficiency.
phx:examples
by oliver-kriska
Practical examples and walkthroughs. References official Phoenix guides for standard patterns, documents plugin-specific workflows.
perf-web-optimization
by tech-leads-club
"Optimize web performance: Core Web Vitals (LCP, CLS, INP), bundle size, images, caching. Use when site is slow, optimizing for Lighthouse scores, reducing bundle size, fixing layout shifts, or improving Time to Interactive. Triggers on: web performance, Core Web Vitals, LCP, CLS, INP, FID, bundle size, page speed, slow site."
bluebubbles
by openclaw
Use when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
coding-standards
by Expensify
Provides coding standards for React Native — performance patterns, consistency rules, and clean React architecture. Use when writing, modifying, or reviewing code.
slack
by openclaw
Use when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
discord
by openclaw
"Discord ops via the message tool (channel=discord)."
check-frontend
by mindfold-ai
"Check if the code you just wrote follows the frontend development guidelines."
vercel-react-best-practices
by event-catalog
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
weapp-vite-vue-sfc-best-practices
by weapp-vite
面向使用 weapp-vite 的小程序项目的 Vue SFC 实践手册，覆盖 script setup、纯模板 SFC、JSON 宏、definePageMeta/layout、defineModel、usingComponents、JSX/TSX script block、模板指令兼容、多平台 SFC、.weapp-vite 类型支持文件与受管 prepare 工作流。
weapp-vite-react-best-practices
by weapp-vite
面向使用 weapp-vite 与 @weapp-vite/react 开发 React 19 微信小程序的实践手册。适用于配置 weapp.react、编写 JSX/TSX 页面、选择 static/dynamic render mode、接入可选 React Compiler、管理 createReactMiniProgramRoot 生命周期，以及通过 createNativeComponent / Slot 与原生或 Wevu 组件互操作。
Api Designer
by omer-metin
Api Design
by omer-metin
Ai Brand Kit
by omer-metin
Analytics Architecture
by omer-metin
cofounder-evaluator
by shipshitdev
Use this skill when users need to evaluate potential co-founders, assess founder compatibility, design equity splits, or navigate co-founder relationships. Activates for "should I work with this person," "co-founder fit," "equity split," or founding team questions.
frontend-design
by shipshitdev
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.