探索开发、内容、数据与办公效率等 AI 技能。先比较用途和仓库热度，再查看技能说明与来源。
This skill should be used when the user asks to "build a UI", "create a component", "design a page", "build a frontend", or mentions web development tasks. Also invoke when user says "make this look good", "imp...
Build modern React applications with TypeScript. Covers React 18+ patterns, hooks, component architecture, state management (Zustand, Redux Toolkit), server components, and best practices. Use for React develop...
Design, document, and generate APIs using OpenAPI/Swagger specifications. Create interactive API documentation, generate client SDKs, validate schemas, and build mock servers. Use when designing REST APIs, crea...
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palette...
AI-powered UI generation via v0 MCP. Create chats, generate React components, get design assistance. Use when building UI components, dashboards, or need AI design help.
Astro v5 features, patterns, and best practices for building static sites with dynamic islands. Use when creating pages, components, content collections, or configuring Astro.
Backend engineering for Skriptoteket (FastAPI monolith): architecture + file tree navigation (DDD/Clean layers), protocol-first DI, Unit of Work + transactions, DomainError semantics, core data shapes/contracts...
Use when deploying applications, configuring Vercel projects, setting up environment variables, domains, or optimizing for Vercel's edge network. Specializes in vercel.json configuration, edge functions, and de...
Configures Vite 5.x build tool, dev server, and frontend asset optimization for the Luxia e-commerce platform. Use when: configuring builds, adding environment variables, optimizing bundle size, setting up test...
Fix for NextResponse.redirect going to wrong host (localhost:8080) on Railway, Vercel, or containerized deployments. Use when: (1) redirects work locally but go to localhost in production, (2) console shows ERR...
Security practices for React (XSS, Auth, Dependencies).
This skill should be used when the user asks to "configure webpack", "set up vite", "configure build", "optimize bundle", "tree shaking", "code splitting", "gradle build", "xcode build", "foundry build", "turbo...
REST controller patterns, request handling, validation, exception handling, and WebFlux.
Architecture decision guides for Kailash SDK including framework selection (Core SDK vs DataFlow vs Nexus vs Kaizen), runtime selection (Async vs Sync), database selection (PostgreSQL vs SQLite), node selection...
独自性のある本番品質のフロントエンドインターフェースを作成。Web コンポーネント、ページ、アプリケーションの構築時に使用。汎用的な AI 美学を避けた、洗練されたコードを生成。
Specialized skill for building and starting Next.js applications, handling build errors, verifying production builds, and managing development servers. Use when building the application, starting development se...
Next.js framework expert specializing in App Router, Server Components, performance optimization, data fetching patterns, and full-stack development. Use this skill for Next.js routing issues, hydration errors,...
Create backend with ElysiaJS, a type-safe, high-performance framework.
Database operations, authentication, and real-time subscriptions via Supabase MCP
Best practices and conventions for working with Next.js 16 App Router projects using TypeScript, Tailwind CSS v4, and React 19. Use when working on Next.js components, pages, API routes, server actions, writing...
Provides specialized guidance for backend development including API design, database interactions, authentication, error handling, and security best practices. Use when working on backend code, API endpoints, s...
Master Tailwind CSS for modern, responsive UI styling. Covers utility-first patterns, responsive design, dark mode, custom themes, animations, and component libraries like shadcn/ui and Headless UI. Use for sty...
Build visually distinctive, production-grade frontend interfaces with intentional creative direction. Trigger ONLY when the user explicitly requests creative design, aesthetic enhancement, or distinctive stylin...
UI/UX Design expert for flask web applications. Use when: 1. User request UI Design or layout changes. 2. Styling Improvements or Visual enhancements 3. Creating forms or interactive components 4. user says ma...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。