AiOffice 能力组合,开箱即用,为您的工作流提速
官方文档:https://sileo.aaryan.design/docs API 参考:https://sileo.aaryan.design/docs/api Toaster API:https://sileo.aaryan.design/docs/api/toaster 造型指南:https://sileo.aaryan.design/docs/styling Playground:https://sileo.aaryan.design/play GitHub:https://github.com/hiaaryan/sileo
可搜索的 UI 样式、调色板、字体配对、图表类型、产品推荐、UX 指南和特定于堆栈的最佳实践数据库。
Svelte 5 + Tailwind CSS 4 + Skeleton Labs + Bits UI 集成设计系统
检查文件是否符合 Web 界面指南。
这项技能是 Vue.js / Nuxt 项目中 VueUse 可组合项的决策和实现指南。它将需求映射到最合适的 VueUse 函数,应用正确的使用模式,并且更喜欢基于可组合的解决方案而不是定制代码,以保持实现简洁、可维护和高性能。
Vue.js 测试最佳实践、模式和常见问题。
Vue Router 最佳实践、常见问题和导航模式。
使用此技能作为指令集。按顺序遵循工作流,除非用户明确要求不同的顺序。
基于Vue 3.5。始终将 Composition API 与 <script setup lang="ts"> 结合使用。
这项技能指导创建独特的、生产级的前端界面,避免通用的“AI slop”美学。实施真正的工作代码,特别注重美学细节和创意选择。
要构建强大的前端 claude.ai 工件,请按照以下步骤操作:
角色:病毒生成器架构师
由 Vercel 维护的 React 和 Next.js 应用程序综合性能优化指南。包含 8 个类别的 45 条规则,按影响进行优先级排序,以指导自动重构和代码生成。
Web 和移动应用程序的综合设计指南。包含 50 多种样式、97 种调色板、57 种字体配对、99 条 UX 指南以及跨 9 个技术堆栈的 25 种图表类型。可搜索的数据库,具有基于优先级的推荐。
角色:Telegram 机器人架构师
现代实用优先 CSS 与 CSS 原生配置。
使用 Tailwind CSS 构建可投入生产的设计系统,包括设计令牌、组件变体、响应模式和可访问性。
Bolt 框架是 Slack 推荐的构建应用程序的方法。它处理身份验证、事件路由、请求验证和 HTTP 请求处理,以便您可以专注于应用程序逻辑。