基于 Radix UI + Tailwind CSS 构建的复制粘贴组件库。组件不是从包中导入的 - 它们被复制到您的项目中以获得完全所有权。

使用数据模式 ( createBrowserRouter + RouterProvider ) 进行带有 Convex 的 Vite SPA。

React v19 应用程序的性能优化指南，改编自 Vercel 的 React-best-practices 。

使用示踪子弹方法和复合工程思维在每次迭代中从 prd.json 实现一项任务。跨迭代维护progress.txt。

在仅限技能的环境中运行原始的 Impeccable /quieter 工作流程。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

现代实用优先 CSS 与 CSS 原生配置。

帮助开发者从零开始搭建完整的开发环境。此技能提供了安装工具、配置依赖项、设置环境变量以及验证设置是否正确运行的分步指导。

这是特定于项目的技能的示例。将此用作您自己的项目的模板。

现代实用优先 CSS 与 CSS 原生配置。

使用 Tailwind CSS 构建可投入生产的设计系统，包括设计令牌、组件变体、响应模式和可访问性。

从计划文档构建技能时：

此技能使用 Polaris Web 组件为 Shopify 应用程序中的常见页面布局提供可重用的 UI 模式和模板。

AutoHotkey v2 的高级 GUI 开发模式和优化技术。

使用 UI 组件时：

构建或启动应用程序时：

视觉层次的原则是设计是尺寸、重量和对比度的函数，而不是颜色的函数。如果做得正确，用户会立即了解什么是重要的以及下一步该看什么。这项技能教你通过系统的视觉决策建立清晰的层次结构。

版式是界面的声音。它传达层次结构、建立基调并引导用户浏览您的内容。优秀的排版是隐形的——用户不会注意到它，因为它效果很好。

这项技能可以帮助您编写针对 X 算法优化的病毒式、有说服力的推文和线程。它结合了经过验证的文案框架、病毒式营销公式和实时研究，以您所在领域的成功范例为您的内容建模。

Talking Head 制作以人物为主角的演示者和用户生成内容 (UGC) 风格的视频。这项技能教您规划和概念化头像视频。