UI Components
Code-based UI component generation and styling
go-review
by stuckinforloop
Checklists and anti-patterns for reviewing Go code. Covers API design, error handling, concurrency, interfaces, safety, performance, naming, testing, functional options, logging, and deterministic simulation testing.
zz-chat
by badxtdss
爪爪 — 手机直连 OpenClaw 聊天。当用户提到"爪爪"、"创建爪爪"、"部署聊天机器人"、"zz-chat"时使用。
spline-3d-integration
by fohwaz
Integrate Spline 3D scenes into React, Next.js, and vanilla web apps with reliable embed patterns, runtime API usage, and performance-safe defaults.
aetherviz-master
by limitcossa
AetherViz Master - 互动教育可视化建筑师，将任意教学主题转化为极致美观、高度交互的专业教学网页
migrating-from-forwardref
by djankies
Teaches migration from forwardRef to ref-as-prop pattern in React 19. Use when seeing forwardRef usage, upgrading React components, or when refs are mentioned. forwardRef is deprecated in React 19.
baoyu-xhs-images
by lizyChy0329
Generates Xiaohongshu (Little Red Book) infographic series with 10 visual styles and 8 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions "小红书图片", "XHS images", "RedNote infographics", "小红书种草", or wants social media infographics for Chinese platforms.
agentpulse-setup
by dang-hai
Set up AgentPulse in a React or Electron project. Use when the user wants to add AgentPulse, make their app MCP-controllable, or integrate with Claude Code/Claude Desktop. This is a ONE-TIME setup skill. For help writing useExpose hooks, use the "agentpulse" skill instead.
context7
by MichaelFisher1997
Retrieve up-to-date documentation and code examples from Context7. Use when you need library/framework documentation or API examples.
canvas-design
by TheWatcher01
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
canvas-design
by Jackiexiao
（中文）Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
ai-vision
by httprunner
Multimodal UI understanding and single-step planning via OpenAI-compatible Responses APIs. Use when you need AIQuery/AIAssert and plan-next to extract UI element coordinates, validate UI assertions, summarize screenshots, or decide the next UI action from an image. External agents handle execution via adb/hdc and multi-step loops. Defaults to Doubao models but can be pointed at other multimodal providers via base URL, API key, and model name.
code-standards-skill
by Darna-Digital
Enforce project code standards when writing code
tailwind-best-practice
by prassamin
Tailwind CSS v4 best practices for theming, design tokens, dark mode, gradients, responsive design, and animations. Use when writing, reviewing, or refactoring Tailwind CSS code. Triggers on tasks involving styling, CSS, colors, theming, dark mode, responsive design, gradients, animations, transitions, layout, or UI styling decisions. Also use when setting up a new project's design system or reviewing CSS/Tailwind code quality.
react-native-best-practices
by kunhai-88
"提供 React Native 性能优化指南，涵盖 FPS、TTI、打包体积、内存泄漏、重渲染与动画。适用于涉及 Hermes 优化、JS 线程阻塞、桥接开销、FlashList、原生模块或调试卡顿与掉帧的任务。"
typography
by rhino-labs
Apply professional typography principles when generating documents, web pages, presentations, or any formatted text output. Use this skill when creating or reviewing HTML/CSS, print documents, resumes, letters, reports, slide decks, emails, or any content where typographic quality matters. Also use when the user asks about font choices, text formatting, spacing, layout, or typographic best practices.
frontend-design
by zhuxining
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.
public-components-skill
by mahailiang999-creator
专为前端开发设计的AI技能，专门用于理解和使用@arim-aisdc/public-components组件库
SKILL.md - Tauri v2 + React 開発で踏んだ地雷と回避策
by iQeda
該当ファイル: eslint.config.js
caveman
by IsNoobgrammer
Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accuracy. Supports intensity levels: lite, full (default), ultra, bauna-lite, bauna-full, bauna-ultra. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman. Also auto-triggers when token efficiency is requested.
vue-best-practices
by FrankIglesias
This skill should be used when the user asks to review, refactor, debug, or optimize Vue 3 code for performance, correctness, SSR hydration, reactivity stability, request concurrency, TypeScript safety, or bundle size.
python-style
by janjaszczak
Enforce consistent Python typing (type hints + return types), concise Google-style docstrings, PEP 8/Black formatting, and unit tests when creating or editing Python code. Use when working on .py files, Python APIs, refactors, or bug fixes where maintainability and correctness matter.
steve-jobs
by timmywheels
Product design methodology emulating Steve Jobs' approach to crafting digital products. Use when building consumer-facing applications, designing user interfaces, creating product specifications, critiquing designs, making product decisions, or when the user wants a "Jobs-like" perspective on their work. Activates for requests involving product vision, design philosophy, UX simplification, feature prioritization, or building products with exceptional taste and focus.
React Component Generator
by alienfast
React 19 documentation for latest features
create-adaptable-composable
by hello-lizhihua
创建一个库级别的 Vue 可组合函数，接受可能响应式的输入 (MaybeRef / MaybeRefOrGetter)，以便调用者可以传递普通值、ref 或 getter。在响应式副作用 (watch/watchEffect) 内使用 toValue()/toRef() 规范化输入，以保持行为可预测和响应式。当用户要求创建适应性或可重用的可组合函数时使用此技能。