UI 组件
基于代码的 UI 组件生成与样式实现
UI/UX Pro Max - Design Intelligence
apconw
Aix-DB 基于 LangChain/LangGraph 框架,结合 MCP Skills 多智能体协作架构,实现自然语言到数据洞察的端到端转换。
report-generation
apconw
生成数据分析报告:查询数据 → 深度分析归因 → 输出 HTML 可视化报告
system-design-draft
proflead
Draft a practical system design for a feature. Use when a mid-level developer needs a starting architecture.
queue-processing-patterns
proflead
Design safe queue consumers and retries. Use when a mid-level developer needs reliable background processing.
name-location-generator
nicmarti
Génère des noms de lieux (cités, villes, villages, régions) cohérents avec les 4 factions. Utilise des styles distincts par royaume (valdorine maritime, karvath militaire, lumenciel religieux, astrène mélancolique). Intégré avec world-keeper pour validation.
monetizing-innovation
pmprompt
Use when asked about "pricing strategy", "willingness to pay", "value metric", "packaging tiers", "good better best pricing", "subscription vs usage pricing", or "price before product". Helps design products customers will pay for and choose pricing models that capture value. Based on Madhavan Ramanujam's Monetizing Innovation framework from Simon-Kucher.
image-generator
nicmarti
Génère des images heroic fantasy pour BFRPG via fal.ai FLUX.1. Portraits de personnages/PNJ, scènes d'aventure, monstres, objets magiques et lieux. Utilise des prompts optimisés pour le style fantasy médiéval.
ab-test-designer
pmprompt
Design robust A/B test experiments. Use when testing a new feature, validating a hypothesis, or optimizing conversion rates.
linpingzhi
ForestBook
HarmonyOS NEXT原生应用开发专家技能。当用户需要开发鸿蒙应用时触发,包括:(1)使用ArkTS/ArkUI编写代码 (2)实现UI界面和组件 (3)状态管理和数据绑定 (4)动画与转场效果 (5)网络请求和数据持久化 (6)多设备适配和分布式能力 (7)性能优化和最佳实践。生成符合华为官方规范的高质量鸿蒙原生代码。
fibonacci-trading
Bhala-Srinivash
Fibonacci retracement and extension trading for NSE/BSE equities. Covers entry zones using retracement levels, profit targets using extension levels, and confluence zone identification. Use when the user asks: "fib levels for [stock]", "Fibonacci retracement", "fib extensions", "where to enter on pullback", "what are the retracement levels", "golden ratio level", "Fibonacci targets", or any question about Fibonacci-based trading levels for Indian equities.
ring:dev-refactor-frontend
LerianStudio
Analyzes frontend codebase against Ring standards and generates refactoring tasks for ring:dev-cycle-frontend. Dispatches frontend-specific agents in ANALYSIS mode.
ring:exploring-codebase
LerianStudio
Autonomous two-phase codebase exploration - first discovers natural perspectives (layers, components, boundaries), then dispatches adaptive deep-dive explorers based on what was discovered. Synthesizes findings into actionable insights.
ring:visual-explainer
LerianStudio
Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled HTML page instead.
ring:brainstorming
LerianStudio
Socratic design refinement - transforms rough ideas into validated designs through structured questioning, alternative exploration, and incremental validation.
vercel-react-best-practices
mfts
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.
integrating-tauri-rust-frontends
dchuk
Guides the user through integrating Rust-based WASM frontend frameworks with Tauri v2, covering Leptos and Trunk setup, WASM compilation configuration, Cargo.toml dependencies, Trunk.toml bundler settings, and withGlobalTauri API access.
regression-visual
jmagly
@.claude/rules/executable-feedback.md
voice-analyze
jmagly
Generator: ../voice-create/scripts/voice_generator.py
web-fetch
NeverSight
Fetches web content with intelligent content extraction, converting HTML to clean markdown. Use for documentation, articles, and reference pages http/https URLs.
remotion
NeverSight
Use when generating or modifying Remotion video code, creating demo videos, or working with the demo-video/ directory
edgeone-pages-deploy
NeverSight
Deploys static HTML to a public URL instantly with no authentication required. Use when asked to "host this", "deploy this site", "get a public link", "share this HTML", "quick deploy", "publish this page", or any request to make an HTML file publicly accessible via URL. Supports self-contained HTML files with inline CSS/JS.
tamagui-best-practices
NeverSight
Provides Tamagui patterns for config v4, compiler optimization, styled context, and cross-platform styling. Must use when working with Tamagui projects (tamagui.config.ts, @tamagui imports).
time-value-of-money
JoelLewis
"Present value, future value, NPV, IRR, annuities, amortization schedules, and compounding conventions."
react-best-practices
NeverSight
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading or writing React components (.tsx, .jsx files with React imports).