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

要访问 Anthropic 的官方品牌标识和风格资源，请使用此技能。

从头开始创建 Next.js (App Router) 项目。它提供了一个生产就绪的全栈应用程序框架，与运行时/包管理器、Drizzle ORM、Better Auth、Tailwind CSS 和 Biome 格式化程序/linter 完全集成。它包含用于数据库管理（迁移、种子、重置）的标准工作流程和脚本。

路由到设计师代理或 Gemini MCP 进行前端工作。

通过最少的代码更改快速修复构建和编译错误。无需重构即可实现绿色构建。

自以为是的 Vue 3 和 TypeScript 模式强调现实项目的最小样板、可读性和实用简单性。

该技能基于 shadcn-vue（最新，Reka UI v2 + Tailwind CSS v4），生成于 2026-02-14。

Achra 平台架构、约定、业务领域和技术模式指南。这项技能涵盖了代码所在的位置、如何命名和构造代码、何时使用功能标志以及域和路由如何映射。

生成工程师可以实施且 QA 可以验证的需求包，而无需重复的澄清循环。

一个可搜索的数据库，包含 UI 样式、调色板、字体配对、图表类型、产品推荐、UX 指南和特定于堆栈的最佳实践。

创建了 MCP（模型上下文协议）服务器，允许 LLM 通过精心设计的工具与外部服务进行交互。 MCP 服务器的质量是通过 LLM 完成实际任务的情况来衡量的。

这项技能将指导您创建独特的生产级前端界面，避免常见的“AI slop”美感。实施工作代码时要特别注意美学细节和创意选择。

该技能为 Claude Code（Anthropic 的代理编码工具）提供了全面的指导。

重要 - 路径解析：此技能可以安装在不同位置（插件系统、手动安装、全局或特定于项目）。在执行任何命令之前，请根据加载此 SKILL.md 文件的位置确定技能目录，并在下面的所有命令中使用该路径。将 $SKILL_DIR 替换为实际发现的路径。

检查文件是否符合 Web 界面指南。

Vue Router 最佳实践、常见问题和导航模式。

SwiftUI PR 评论的综合清单。

以下のチェックリストをコピーして進捗を管理する：

通过清点 UI 源、记录基础、对组件进行编目以及捕获页面级模式和行为，从前端代码库中提取可重用的 UI/UX 设计规范。排除业务逻辑和特定于域的工作流程。与框架无关：适应目标存储库中的实际堆栈。

Xquik 是一个 X (Twitter) 实时数据平台，为 AI 代理提供 REST API、HMAC Webhooks 和 MCP 服务器。它涵盖帐户监控、批量数据提取（20 个工具）、赠品抽奖、推文/用户查找、媒体下载、关注检查、趋势主题、写入操作（推文、点赞、转发、关注、DM、个人资料、媒体上传、社区）和 Telegram 集成。