Feffery-Dash AI 开发辅助 Skill
为 Claude Code 提供 Feffery-Dash 生态系统的完整开发支持
核心模块导航
1. 开发规范 (references/core/)
| 文档 |
内容 |
| feffery-dash-core.md |
核心入口 - 标准导入、应用实例化、回调规范 |
| project_standards.md |
项目结构规范、文件组织 |
| callback_patterns.md |
回调模式大全:ctx、Patch、set_props、模式匹配 |
| layout_guide.md |
布局指南:栅格、Flex、响应式 |
| best_practices.md |
最佳实践:性能、安全、代码组织 |
| plugins.md |
Dash 3.x 插件系统 |
2. 组件库 (references/components/)
| 组件库 |
文档 |
用途 |
| fac |
feffery-fac.md |
Ant Design UI 组件 (100+) |
| fuc |
feffery-fuc.md |
工具组件、性能优化 |
| fact |
feffery-fact.md |
数据可视化图表 |
| flc |
feffery-flc.md |
Leaflet 地图组件 |
| fm |
feffery-fm.md |
MapLibre/Deck.gl 高性能地图 |
| fi |
feffery-fi.md |
声明式信息图 (59 模板) |
3. 专题指南 (references/topics/)
| 专题 |
文档 |
说明 |
| magic-dash |
magic-dash.md |
项目脚手架 CLI 工具 |
| 仪表盘 |
dashboard.md |
仪表盘开发完整指南 |
4. 扩展组件 (references/extras/)
| 组件/插件 |
文档 |
说明 |
| fmc |
fmc_markdown.md |
Markdown 渲染、代码高亮、LaTeX |
| famc |
mobile_components.md |
移动端 UI 组件 (57个) |
| 插件 |
plugins.md |
Tailwind CSS / Vite 插件 |
| 汇总 |
feffery-extras.md |
扩展组件入口文档 |
5. 案例库 (references/examples/)
| 文档 |
说明 |
| feffery-examples.md |
案例索引入口 |
| by_category.md |
按类别浏览 |
| by_component.md |
按组件浏览 |
快速参考
标准导入模板
# Dash 核心
import dash
from dash import html, dcc, ctx, Patch, set_props, no_update
from dash.dependencies import Input, Output, State, ALL, MATCH
# Feffery 组件库(必须使用指定别名)
import feffery_antd_components as fac
import feffery_utils_components as fuc
应用基础结构
app = dash.Dash(
__name__,
title='应用标题',
suppress_callback_exceptions=True,
)
server = app.server
app.layout = fac.AntdConfigProvider(
locale='zh-cn',
children=[
# 页面内容
]
)
if __name__ == '__main__':
app.run(debug=True)
常用组件速查
| 类别 |
组件 |
| 布局 |
AntdRow/Col, AntdSpace, AntdLayout, AntdCard |
| 表单 |
AntdForm, AntdInput, AntdSelect, AntdDatePicker |
| 展示 |
AntdTable, AntdTabs, AntdModal, AntdDrawer |
| 反馈 |
AntdMessage, AntdNotification, AntdSpin, AntdAlert |
| 图表 |
AntdLine, AntdBar, AntdPie, AntdArea |
组件库一览
Converted and distributed by TomeVault — claim your Tome and manage your conversions.
1---2name: feffery-dash3description: Feffery-Dash 全栈开发辅助 Skill。用于开发基于 Plotly Dash + Feffery 组件库的 Web 应用。包含 fac(UI组件)、fuc(工具组件)、fact(图表)、flc/fm(地图)、fmc(Markdown)、famc(移动端)、magic-dash(脚手架) 的使用指南和最佳实践。当用户提到 Dash 开发、feffery 组件、fac/fuc/fact/fmc/famc 组件、回调函数、magic-dash 项目模板、仪表盘开发、移动端应用时使用此 Skill。 Use when this capability is needed.4---56# Feffery-Dash AI 开发辅助 Skill78> 为 Claude Code 提供 Feffery-Dash 生态系统的完整开发支持910---1112## 核心模块导航1314### 1. 开发规范 (references/core/)1516| 文档 | 内容 |17|------|------|18| [feffery-dash-core.md](references/core/feffery-dash-core.md) | **核心入口** - 标准导入、应用实例化、回调规范 |19| [project_standards.md](references/core/project_standards.md) | 项目结构规范、文件组织 |20| [callback_patterns.md](references/core/callback_patterns.md) | 回调模式大全:ctx、Patch、set_props、模式匹配 |21| [layout_guide.md](references/core/layout_guide.md) | 布局指南:栅格、Flex、响应式 |22| [best_practices.md](references/core/best_practices.md) | 最佳实践:性能、安全、代码组织 |23| [plugins.md](references/core/plugins.md) | Dash 3.x 插件系统 |2425### 2. 组件库 (references/components/)2627| 组件库 | 文档 | 用途 |28|--------|------|------|29| **fac** | [feffery-fac.md](references/components/fac/feffery-fac.md) | Ant Design UI 组件 (100+) |30| **fuc** | [feffery-fuc.md](references/components/fuc/feffery-fuc.md) | 工具组件、性能优化 |31| **fact** | [feffery-fact.md](references/components/fact/feffery-fact.md) | 数据可视化图表 |32| **flc** | [feffery-flc.md](references/components/flc/feffery-flc.md) | Leaflet 地图组件 |33| **fm** | [feffery-fm.md](references/components/fm/feffery-fm.md) | MapLibre/Deck.gl 高性能地图 |34| **fi** | [feffery-fi.md](references/components/fi/feffery-fi.md) | 声明式信息图 (59 模板) |3536### 3. 专题指南 (references/topics/)3738| 专题 | 文档 | 说明 |39|------|------|------|40| **magic-dash** | [magic-dash.md](references/topics/magic-dash/magic-dash.md) | 项目脚手架 CLI 工具 |41| **仪表盘** | [dashboard.md](references/topics/dashboard/dashboard.md) | 仪表盘开发完整指南 |4243### 4. 扩展组件 (references/extras/)4445| 组件/插件 | 文档 | 说明 |46|-----------|------|------|47| **fmc** | [fmc_markdown.md](references/extras/fmc_markdown.md) | Markdown 渲染、代码高亮、LaTeX |48| **famc** | [mobile_components.md](references/extras/mobile_components.md) | 移动端 UI 组件 (57个) |49| **插件** | [plugins.md](references/extras/plugins.md) | Tailwind CSS / Vite 插件 |50| **汇总** | [feffery-extras.md](references/extras/feffery-extras.md) | 扩展组件入口文档 |5152### 5. 案例库 (references/examples/)5354| 文档 | 说明 |55|------|------|56| [feffery-examples.md](references/examples/feffery-examples.md) | 案例索引入口 |57| [by_category.md](references/examples/by_category.md) | 按类别浏览 |58| [by_component.md](references/examples/by_component.md) | 按组件浏览 |5960---6162## 快速参考6364### 标准导入模板6566```python67# Dash 核心68import dash69from dash import html, dcc, ctx, Patch, set_props, no_update70from dash.dependencies import Input, Output, State, ALL, MATCH7172# Feffery 组件库(必须使用指定别名)73import feffery_antd_components as fac74import feffery_utils_components as fuc75```7677### 应用基础结构7879```python80app = dash.Dash(81 __name__,82 title='应用标题',83 suppress_callback_exceptions=True,84)85server = app.server8687app.layout = fac.AntdConfigProvider(88 locale='zh-cn',89 children=[90 # 页面内容91 ]92)9394if __name__ == '__main__':95 app.run(debug=True)96```9798### 常用组件速查99100| 类别 | 组件 |101|------|------|102| 布局 | `AntdRow/Col`, `AntdSpace`, `AntdLayout`, `AntdCard` |103| 表单 | `AntdForm`, `AntdInput`, `AntdSelect`, `AntdDatePicker` |104| 展示 | `AntdTable`, `AntdTabs`, `AntdModal`, `AntdDrawer` |105| 反馈 | `AntdMessage`, `AntdNotification`, `AntdSpin`, `AntdAlert` |106| 图表 | `AntdLine`, `AntdBar`, `AntdPie`, `AntdArea` |107108### 组件库一览109110| 组件库 | 别名 | 组件数 | 官方文档 |111|--------|------|--------|----------|112| feffery-antd-components | fac | 109 | https://fac.feffery.tech/ |113| feffery-utils-components | fuc | 123 | https://fuc.feffery.tech/ |114| feffery-antd-charts | fact | 32 | https://fact.feffery.tech/ |115| feffery-leaflet-components | flc | 29 | http://flc.feffery.tech/ |116| feffery-maplibre | fm | 32 | - |117| feffery-markdown-components | fmc | - | http://fmc.feffery.tech/ |118| feffery-antd-mobile-components | famc | 57 | - |119| feffery-infographic | fi | 1 (59 模板) | https://infographic.antv.vision/ |120121---122> Converted and distributed by [TomeVault](https://tomevault.io/claim/qibaizhang) — claim your Tome and manage your conversions.123<!-- tomevault:4.0:skill_md:2026-04-11 -->