frontend-design（前端界面设计）
SkillSkillsMP
io.github.cloudflare/vibesdk/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。
source
“Frontend Development” 共 648 个结果
io.github.cloudflare/vibesdk/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。
io.github.cloudflare/vibesdk/frontend-design-saas
顶级 SaaS 仪表盘与产品 UI 参考。在构建应用外壳、数据表格、设置面板、账单页、仪表盘、鉴权流程、管理工具或任何内部/客户侧 SaaS 产品 UI 时使用此技能。受 Stripe、Linear、Vercel、Airbnb、Notion 启发。涵盖中性色系设计 token、侧边栏+内容框架、高密度数据 UI、表单繁多的配置页、命令面板、空状态，以及这些产品所达到的无障碍（WCAG AA+）标准。
io.github.cloudflare/vibesdk/frontend-design-landing-page
营销落地页与转化导向产品页参考。在构建 hero 区、特性网格、定价页、客户评价、CTA、页脚、导航栏及任何面向公众的营销页面时使用此技能。涵盖温暖、专业、对开发者友好的设计语言（米色背景、充裕留白、胶囊 CTA、角括号卡片装饰），以及完整的 token 集、动画体系和可复制的组件片段。不适用于产品/仪表盘 UI——那类需求请用 frontend-design-saas。
io.github.OpenBMB/PilotDeck/frontend-design
前端界面设计原则：视觉层次、布局、色彩、间距、响应式和避免“AI 味”页面。
io.github.vm0-ai/vm0/database-development
vm0 项目的数据库迁移与 Drizzle ORM 指南。
io.github.relaticle/relaticle/mcp-development
用于 Laravel MCP 开发。在 Laravel 项目中创建或编辑 MCP 工具、资源、提示词、服务器或 UI 应用时触发。涵盖：artisan make:mcp-* 生成器、routes/ai.php、Tool/Resource/Prompt/AppResource 类、schema 校验、shouldRegister()、OAuth 配置、URI 模板、只读属性、MCP 调试、MCP UI 应用、x-mcp::app Blade 组件、createMcpApp()、默认 AppResource handle() 从类名自动推断视图、Response::view()、AppMeta/Csp/Permissions/appMeta() 配置、#[RendersApp] 属性、用于 CDN 库（Tailwind、Alpine）的 Library 枚举，以及通过 CSS 变量应用宿主主题。只要用户提到 MCP 应用、MCP UI、交互式 MCP 资源、用 Tailwind 或 Alpine 为 MCP 应用定样，或为 AI Agent 构建可视化界面，就使用本技能
io.github.EpicenterHQ/epicenter/frontend-design
为新建或重设计的前端界面确定视觉设计方向：布局、字体排印、色彩、动效与反平庸 AI 审美。在设计页面、仪表盘、海报、营销界面或探索性 UI 变体时使用。
io.github.affaan-m/ECC/intent-driven-development
在实现之前或实现的同时，将含义模糊或影响较大的产品与工程变更转化为范围明确、可验证的验收标准。适用于用户请求澄清功能、定义验收标准、降低安全/数据/迁移/集成变更风险、为其他智能体准备实现需求，或让复杂需求变得可测试时。除非用户明确调用此技能，否则不要因琐碎改动、简单修复、进行中的调试、代码审查或验收条件已明确的实现请求而触发。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.exceptionless/Exceptionless/frontend-architecture
作为 ClientApp 中 Svelte 5 应用的前端统一入口 skill——新增路由、创建功能切片、编写 Svelte 组件、遵循 TypeScript 约定、复用共享 UI/格式化组件、处理无障碍，或编写前端测试。旧版 Angular 应用（ClientApp.angular）仍支撑当前站点的绝大部分页面，但除用户明确要求改动 Angular 或遗留 UI 外，新的前端开发一律只做 Svelte UI。
io.github.sickn33/antigravity-awesome-skills/python-development
你是一名 Python 项目架构专家，专注于为生产就绪的 Python 应用搭建脚手架。生成使用现代工具链（uv、FastAPI、Django）并带类型标注的完整项目结构（python-development-python-scaffold 的别名）。
io.github.nexu-io/open-design/imagegen-frontend-web
精英级前端图像指导技能，用于生成高端、注重转化的网站设计参考。关键输出规则——每个区块单独生成一张横版图像。8 个区块的落地页产出 8 张图。绝不将多个区块压缩进一张图。强制构图多样性（不总是左文右图）、背景图像自由、多样 CTA、多样 hero 尺度（巨型/中等/迷你极简）、叙事概念主线、二刷亮点，以及所有图像统一的一套色板。为落地页、营销站与可供开发者或编码模型精确复刻的产品 comps 优化。
io.github.nexu-io/open-design/imagegen-frontend-mobile
精英级移动应用图像生成技能，创建高端、应用原生的界面概念与流程。面向 iOS、Android 与跨平台移动产品。强调清晰层级、舒适可读的文字、多屏强一致性、克制的配色、非套路化的创意方向、质感表面、图像主导构图、有品位的手绘图标与干净的 phones 边框样机。默认将界面置于带可见边框的精致 iPhone 或类似手机样机中展示，焦点仍留在应用内容本身。此技能仅生成图像，不写代码。
io.github.nexu-io/open-design/taste-skill
面向落地页、作品集与重设计的反模板化（anti-slop）前端技能。代理读取需求、推断正确的设计方向，交付看起来不像模板的界面。适用时使用真实设计系统，重设计先做审查，并执行严格的发布前检查。
io.github.nexu-io/open-design/taste-skill-v1
最初的 v1 taste-skill，为依赖其确切行为的项目保留。当前默认版本是 `design-taste-frontend`（v2 实验版），是一次大幅重写。仅在需要完全向后兼容时使用此 v1 安装名。
io.github.thedaviddias/Front-End-Checklist/frontend-checklist-global
通过单一入口，依据 Front-End Checklist 完整规则集审计或改进任意前端代码库时使用。
io.github.Leonxlnx/taste-skill/taste-skill-v1
最初的 v1 taste-skill，为依赖其确切行为的项目保留。当前默认版本是 `design-taste-frontend`（v2 实验版），是一次大幅重写。仅在需要完全向后兼容时使用此 v1 安装名。
io.github.kubesphere/kubesphere/frontend-forge-fe-operations
在 frontend-forge 中操作 FrontendExtension（FE）资源：创建、更新、重建、检视包工件、下载包、发布、取消发布、删除，以及调试包/发布控制器行为。当用户提及 FE 运维、FrontendExtension 生命周期、扩展包/下载/发布/取消发布、artifact ConfigMap、包 Job、publisher Job、发布目标 ConfigMap 或 Secret、rebuild-token、包状态/发布状态标签，或在 Kubernetes 集群中排查 FE 状态时使用。
io.github.Leonxlnx/taste-skill/taste-skill
面向落地页、作品集与重设计的反模板化（anti-slop）前端技能。代理读取需求、推断正确的设计方向，交付看起来不像模板的界面。适用时使用真实设计系统，重设计先做审查，并执行严格的发布前检查。