UI 组件

mind-mirror

SimHacker

"Personality modeling system based on Timothy Leary's 1985 software + The Sims traits"

context

SimHacker

Runtime context passed to compiled closures — the world as seen from inside

Ambassador Programs

omer-metin

performance

yonatangross

Performance optimization patterns covering Core Web Vitals, React render optimization, lazy loading, image optimization, backend profiling, and LLM inference. Use when improving page speed, debugging slow renders, optimizing bundles, reducing image payload, profiling backend, or deploying LLMs efficiently.

patent-diagram-generator

RobThePCGuy

Create patent-style technical diagrams including flowcharts, block diagrams, and system architectures using Graphviz with reference numbering

critical-code-reviewer

posit-dev

Conduct rigorous, adversarial code reviews with zero tolerance for mediocrity. Use when users ask to "critically review" my code or a PR, "critique my code", "find issues in my code", or "what's wrong with this code". Identifies security holes, lazy patterns, edge case failures, and bad practices across Python, R, JavaScript/TypeScript, SQL, and front-end code. Scrutinizes error handling, type safety, performance, accessibility, and code quality. Provides structured feedback with severity tiers (Blocking, Required, Suggestions) and specific, actionable recommendations.

remotion

google-labs-code

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

hyva-tailwind-integration

ProxiBlue

Comprehensive guidance on integrating Tailwind CSS and JavaScript in Hyvä Themes, including configuration merging, module registration, and build processes for Magento 2.

brand-yml

posit-dev

Create and use brand.yml files for consistent branding across Shiny apps and Quarto documents. Use when working with brand styling, colors, fonts, logos, or corporate identity in Shiny or Quarto projects. Covers: (1) Creating new _brand.yml files from brand guidelines, (2) Applying brand.yml to Shiny for R apps with bslib, (3) Applying brand.yml to Shiny for Python apps with ui.Theme, (4) Using brand.yml in Quarto documents, presentations, dashboards, and PDFs, (5) Modifying existing brand.yml files, (6) Troubleshooting brand integration issues. Includes complete specifications and framework-specific integration guides.

database-patterns

yonatangross

Database design and migration patterns for Alembic migrations, schema design (SQL/NoSQL), and database versioning. Use when creating migrations, designing schemas, normalizing data, managing database versions, or handling schema drift.

shiny-bslib-theming

posit-dev

Advanced theming for Shiny apps using bslib and Bootstrap 5. Use when customizing app appearance with bs_theme(), Bootswatch themes, custom colors, typography, brand.yml integration, Bootstrap Sass variables, custom Sass/CSS rules, dark mode and color modes, dynamic theme switching, real-time theming, theme inspection, or making R plots match the app theme with thematic.

mckinsey-research

Abdullah4AI

Run a full McKinsey-level market research and strategy analysis using 12 specialized prompts. USE WHEN: - market research, competitive analysis, business strategy, TAM analysis - customer personas, pricing strategy, go-to-market plan, financial modeling - risk assessment, SWOT analysis, market entry strategy, comprehensive business analysis - بحث سوق, تحليل استراتيجي, تحليل منافسين, دراسة جدوى, خطة عمل - "حلل لي السوق" for business entry or investment decisions DON'T USE WHEN: - User wants a quick opinion on a business idea → just answer directly - Product recommendations or shopping → use personal-shopper - Content strategy for social media → use viral-equation - Simple web search for company info → use web_search directly - Comparing products to buy → use personal-shopper - Analyzing a single competitor briefly → just answer directly EDGE CASES: - "حلل لي السوق" with a specific product to buy → personal-shopper (not this skill) - "حلل لي السوق" for business entry → this skill - "وش أفضل منتج" → personal-shopper - "وش حجم سوق X" → this skill - "قارن لي بين منتجين" → personal-shopper - "قارن لي بين شركتين" as competitors → this skill - "دراسة جدوى مشروع" → this skill - "أبغى أفتح مشروع" → this skill (full analysis) - "أبغى أشتري لابتوب" → personal-shopper (purchase, not business) INPUTS: Business description, industry, target customer, geography, financials (optional) TOOLS: sessions_spawn (sub-agents), web_search, web_fetch OUTPUT: Complete strategy report saved to artifacts/research/{date}-{slug}.html SUCCESS: User gets 12 consulting-grade analyses synthesized into one actionable report

pr-review

OneKeyHQ

Security-first PR review checklist for this repo. Use when reviewing diffs/PRs, especially changes involving auth, networking, sensitive data, or dependency/lockfile updates. Focus on secret/PII leakage risk, supply-chain risk (npm + node_modules inspection), cross-platform architecture (extension/mobile/desktop/web), and React performance (hooks + re-render hotspots). Avoid UI style nitpicks. PR Review.

1k-ui-recipes

OneKeyHQ

UI recipes for scroll offset (useScrollContentTabBarOffset), view transitions (startViewTransition), horizontal scroll in collapsible tab headers (CollapsibleTabContext), and Android bottom tab touch interception workaround.

Ai Agents Architect

omer-metin

1k-defi-module-integration

OneKeyHQ

Guide for integrating new DeFi modules or protocols (staking, lending, Earn, Borrow) into OneKey.

1k-architecture

OneKeyHQ

OneKey monorepo architecture, project structure, package relationships, and import hierarchy rules.

Canvas Skill

openclaw

A2UI JSON push is WIP - use HTML files for now

components-generators

kubb-labs

Guidance for writing @kubb/react-fabric components and generators (React-based and function-based).

visual-verdict

Yeachan-Heo

Structured visual QA verdict for screenshot-to-reference comparisons

web-clone

Yeachan-Heo

URL-driven website cloning with visual + functional verification

wechat-tech-article

samzong

撰写微信公众号技术文章的结构化工作流。使用场景：用户要写一篇公众号文章、需要创建文章目录、组织素材、迭代草稿。强制遵循 blogs/wechat/README.md 的命名规范和目录结构。

animate

delphi-ai

Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.

Customize Markdown

SSShooter

Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries.