$ loading_
让 AI 助手直接调用 GOV.UK 前端组件与设计规范,辅助界面设计和开发实现。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"govuk-frontend-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请基于 GOV.UK Design System,为“申请营业许可”页面设计一个表单,包含姓名、地址、联系方式和提交按钮,并优先使用合适的 GOV.UK Frontend 组件。
输出采用 GOV.UK 组件的表单结构建议,可包含组件选择、布局说明及实现代码片段。
下面是一段普通网页的 HTML,请将它重构为符合 GOV.UK Frontend 风格的页面,并说明替换了哪些组件与设计模式:<粘贴 HTML>
输出重构后的页面代码,以及对应的 GOV.UK 组件映射与改造说明。
我在设计一个包含通知、分页、错误提示和操作按钮的政府服务后台页面。请根据 GOV.UK Design System 推荐合适组件,并说明使用场景与注意事项。
输出组件推荐清单,附带适用场景、交互要点和设计规范建议。
通过 MCP 检索和阅读设计系统组件,快速发现相关组件与设计资源。
通过自然语言查询英国27个政府数据源与公共服务信息,辅助调研与决策。
为 AI 编码助手提供可查询的设计系统规范,辅助准确实现组件与样式。
通过 MCP 暴露 DRF 接口文档,帮助 AI 代理理解 API 并生成前端集成代码。
帮助你快速查找和筛选优质 MCP 资源与学习参考链接。
让 AI 通过自然语言查询 Levit 设计系统的颜色令牌与组件用法。