$ 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 检索和阅读设计系统组件,快速发现相关组件与设计资源。
让 AI 通过 MCP 访问设计令牌与组件契约,提升一致性并减少上下文消耗。
帮助用户发现并理解设计系统组件,自动生成对应前端代码与实现参考。
按关键词搜索 GOV.UK 内容并获取最新政府出版物信息。
通过自然语言访问 Nuxt UI 文档与资源,帮助快速查找组件用法与开发信息
为 AI 助手提供 UI5 Web Components 文档与集成指引,辅助开发落地。