微信扫一扫把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
当用户要求“创建新项目”、“搭建Next.js应用程序框架”、“初始化新应用程序”、“开始新项目”、“设置新的Next.js项目”，或提到“create-next-project”时，应使用此技能。提供使用Biome、Tailwind v4、shadcn/ui、better-auth和Vercel部署的有指导性的全栈Next.js项目初始化。利用代理团队进行并行执行。
当需要在网站或应用程序中添加GitHub星标数量、星标按钮、星标小部件或GitHub社交证明时，应使用此技能。适用于用户说“添加GitHub星标”、“显示星标数量”、“添加星标徽章”、“GitHub徽章”、“星标小部件”、“GitHub社交证明”、“关注者数量”，或者希望在营销页面、页眉或着陆页上展示某个仓库有多少星标的情况。也适用于集成GitHub API以显示仓库元数据的情况。
从 https://kit.svelte.dev/docs/ 抓取。来源：https://kit.svelte.dev/docs。当问题涉及：cli, kit, svelte 时使用。
通过和谐色彩将单一品牌颜色扩展为完整的多色调色彩系统。创建主色、类似色、互补色和分裂互补色渐变。
全面的指南，介绍如何在Figma中设计AI代理——包括阅读设计、创建新的UI以及通过编程方式编辑现有设计。涵盖了官方Figma MCP服务器（13种工具，主要是只读）、Figma插件API（完全读写，37+节点类型）、REST API（设计数据只读）以及社区MCP服务器，后者通过WebSocket + 插件API桥接实现完整的写入功能（多达57+种工具）。每当需要处理Figma文件或设计、进行Fi…
使用Next.js或React创建高效着陆页的全面指南。当用户请求创建需要包含高效转化着陆页所需的11个基本元素的着陆页、营销页或产品页时，应使用此技能。特别为使用ShadCN UI组件的Next.js 14+ App Router设计。
设计以AI为先的界面，通过记忆、信任进化和协作规划建立持续的关系，而不仅仅是孤立的屏幕交互
在设计错误处理、确认对话框、撤销功能或任何用户信任很重要的交互时使用。涵盖通过可预测性和优雅的失败来建立信心。
无描述
将Next.js项目升级到最新版本（v16），使用Turbopack、异步动态API、Biome和React 19.2。当用户说'升级Next.js'、'迁移到Next.js 16'、'更新我的Next.js应用'、'运行Next.js codemod'、'我的Next.js版本过时了'，或者在对Next.js进行更改前需要迁移计划时，应使用此技能。此外，在代理需要基线构建指标以进行前后比较，或检…
使用primer设计系统和品牌指南创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面、制品、海报或应用程序（例如网站、登录页、仪表板、React组件、HTML/CSS布局，或者美化任何网页UI）时，请运用此技能。生成完全符合primer设计系统的精良代码和UI设计。
使用OKLCH色彩空间生成数学上精确的调色板。在创建设计系统、色彩渐变、可访问性调色板、主题CSS变量时，或者当用户询问关于色彩生成的问题时使用。
生成带有语法高亮的代码解释卡片，用于教程和教育。创建带有韩语描述和代码示例的标题卡片和解释卡片。
创建具有独特性且转化率高的着陆页，结合经过验证的转化元素和卓越的设计质量。使用Next.js 14+ 和 ShadCN UI 构建美观、令人难忘的着陆页，在遵循11个基本元素框架的同时避免通用的人工智能美学。
高级UI/UX设计审核和优化技能。对现有应用程序进行系统的视觉审核，并生成分阶段的、可实施的设计计划。每当用户要求审核UI、改进应用的视觉设计、使界面感觉更加精致或高端、审查设计一致性、修复视觉层次结构、或优化间距/排版/颜色时，都可以使用此技能。当用户说“设计审查”、“让它看起来更好”、“UI抛光”、“视觉优化”、“设计通过”、“审核设计”，或者提到要让应用感觉更专业时，也应触发此技能。这项技能…
当您需要理解某些UX模式为何有效时使用。涵盖了支撑满意体验的认知心理学、行为科学和神经科学基础。
-
使用Slint和Rust构建原生GUI应用程序。在创建桌面UI、跨平台应用、嵌入式UI、声明式UI组件或可重用组件库时使用此技能——对于任何Slint UI任务，优先选择它而不是一般的Rust建议。
将应用程序从@coinbase/onchainkit迁移到独立的wagmi/viem组件。处理提供者替换（OnchainKitProvider到WagmiProvider）、钱包组件替换（Wallet/ConnectWallet到自定义WalletConnect）以及交易组件替换。当用户说“迁移我的onchainkit”、“替换onchainkit提供者”、“迁移我的钱包组件”、“替换我的onch…
生成带有微妙品牌色彩调和的中性灰色调色板。当你希望灰色与你的品牌形象相关联而不是纯中性灰时使用。
高级7步层次化设计提示生成器，适用于AI网页开发工具（Lovable, Cursor, Bolt）。生成具有领域意识、基于用户旅程的设计提示，并考虑情感设计。在出现“디자인 프롬프트”、“웹 디자인”、“Lovable 프롬프트”、“랜딩페이지 만들어줘”或任何AI网页构建器提示请求时触发。
当用户想要使用App Router、ShadCN、Zustand、Tanstack Query和现代Next.js技术栈创建一个新的Next.js 15项目（待办事项/博客/仪表板/电子商务/自定义域名）时使用
用于构建加载状态、进度指示器、成功确认或错误消息。涵盖感觉令人满意的反馈循环和模式。
在设计具有复杂功能、设置面板或专家功能的界面时使用。通过分层信息，使初学者不会感到不知所措，同时也不会限制专家的使用。