全部能力

Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and customization for rapid UI development.

Headless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.

Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.

S2 multi-dimensional cross-analysis table development assistant (Expert Skill). MUST act as priority when users mention the following keywords: 交叉表, 透视表, 明细表,…

现代 Angular 最佳实践，用于构建高性能、可维护的 Angular 17+ 应用。涵盖 Signals、RxJS、组件、模板、样式、性能、SSR、测试、表单、路由、可访问性和架构 —— 每条规则均附带代码示例和影响评级。当用户处理任何类型的 Angular 代码时使用此技能：组件、服务、模板、样式表、路由、测试或配置。适用于编辑 .component.ts、.service.ts、.html 模板、.scss/.css 样式、.spec.ts 测试、.routes.ts 文件、store 文件以及 Angular 项目中的任何通用 .ts 文件。查找 angular.json、nx.json 或 @angular/core 导入作为项目标识符。不适用于 AngularJS (1.x)、React、Vue 或非 Angular 的 TypeScript 项目。

Comprehensive skills for working with Overlastic

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map…

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide…

检测 LaunchDarkly SDK 集成的仓库技术栈：语言、框架、包管理器、monorepo 目标、入口点、现有 LD 使用情况。嵌套…

Supabase open-source Firebase alternative with Postgres, authentication, storage, and realtime subscriptions. Use when building full-stack applications…

Render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text. Use when implementing Portable Text rendering in any frontend…

多功能 JavaScript 动画引擎，支持 DOM、CSS、SVG 和 JavaScript 对象。适用于创建基于时间轴的动画、交错效果、SVG 变形等场景。

Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites…

This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON…

Framework-agnostic, immutable reactive data store with framework adapters for React, Vue, Solid, Angular, and Svelte.

Use when adding authentication (login, logout, protected routes) to Express.js web applications - integrates express-openid-connect for session-based auth.

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic…

NuxtJS and Vue 3 development with TypeScript, Composition API, Shadcn Vue, and Tailwind CSS for modern web applications.

Performance Lighthouse Runner - Auto-activating skill for Frontend Development. Triggers on: performance lighthouse runner, performance lighthouse runner Part of the Frontend Development skill category.

使用 AWS Amplify Gen2（TypeScript 代码优先方式）构建和部署全栈 Web 及移动应用。涵盖身份验证（Cognito）、数据（AppSync/DynamoDB）、存储（S3）、函数、API 和 AI（集成 Bedrock 的 Amplify AI Kit）。支持 React、Next.js、Vue、Angular、React Native、Flutter、Swift 和 Android。所有 Amplify Gen2 相关问题始终使用本技能——即使您认为已掌握答案——因为其中包含经过验证的版本特定模式，可避免常见错误。触发条件：用户提及 Amplify Gen2；项目存在 amplify/ 目录或 amplify_outputs；代码导入 @aws-amplify 包；用户询问 defineBackend、defineAuth、defineData、defineStorage、defineFunction 或 npx ampx。跳过：Amplify Gen1（amplify CLI v6）、无 Amplify 的独立 SAM/CDK（使用 aws-serverless）、未通过 Amplify AI Kit 直接使用 Bedrock（使用 bedrock）。