Productivity

Svelte 5 - Reactive UI framework with compiler magic, Runes API, SvelteKit full-stack framework, SSR/SSG, minimal JavaScript

Analyzes research queries to determine if new strategies are needed, optimizes existing strategies using Langfuse traces, and generates strategy templates

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use for user research, persona creation, journey mapping, and design validation.

Creates minimal boilerplate structure for new Web Components in Sando Design System following COMPONENT_ARCHITECTURE.md 7-file pattern. Generates only what developer requests - no assumptions, no dead code. Ask first, then scaffold component files, tests, stories based on requirements.

Run Nx generators to create new projects, libraries, components. Use when user needs to generate code, scaffold projects, or understand generator options.

Create a new Next.js project with FSD (Feature-Sliced Design) architecture, TypeScript, Tailwind CSS, ESLint (flat config), Prettier, and Husky. Use when user asks to create/scaffold/initialize a Next.js project with FSD architecture, or when they want a production-ready Next.js boilerplate with modern tooling setup.

Builds AI agents using OpenAI Agents SDK with async/await patterns and multi-agent orchestration.Use when creating tutoring agents, building agent handoffs, implementing tool-calling agents, or orchestrating multiple specialists.Covers Agent class, Runner patterns, function tools, guardrails, and streaming responses.NOT when using raw OpenAI API without SDK or other agent frameworks like LangChain.

Standards for generating enterprise documents (Word, Excel, PDF) using Template-First architecture.

Build accessible user interfaces using semantic HTML, ARIA attributes, keyboard navigation, and WCAG compliance. Use this skill when creating or modifying UI components, forms, interactive elements, navigation menus, modals, or any user-facing interface code. When working on Astro component files (.astro), React/Vue/Svelte component files, HTML template files, form components with inputs and labels, navigation menus and interactive widgets, modal dialogs and accordions, image components with alt text, button and link implementations, focus management code, or screen reader announcement logic.

Expert in implementing Microsoft 365 Copilot agents with TypeSpec code (use AFTER project is created). Use when (1) Writing or editing .tsp files in an existing project, (2) Implementing agent instructions and behavior in TypeSpec, (3) Adding or configuring capabilities (WebSearch, OneDrive, etc.) with proper scoping, (4) Creating API plugin actions with @actions decorator, (5) Defining TypeSpec models and enums, (6) Adding @doc decorators and documentation, (7) Compiling TypeSpec with npm run compile, (8) Fixing TypeSpec compilation errors, (9) Working with @agent, @instructions, @conversationStarter decorators, or (10) Implementing TypeSpec syntax for @microsoft/typespec-m365-copilot library. This skill handles TYPESPEC CODE, not project scaffolding.

新技能脚手架与模板生成工具。帮助你在 .claude/skills 下新增技能（SKILL.md + references/）并可选补齐 commands、config.yaml 与文档索引，确保符合统一规范（输出契约/失败策略/合规安全/配置对齐/最小失败输出）。

Extract partnership, funding, and stakeholder intelligence from meeting transcripts, emails, and conversations with real-time quality monitoring and template-based optimization

Load when working on revenue tracking, financial forecasting, P&L statements,unit economics, or business financial planning. Contains frameworks andtemplates for creator business financial management.

Updates template files in metasaver-marketplace as the source of truth before applying changes elsewhere. Use when standardizing configs across repos - updates template FIRST, then uses it for remediation. For config skills and domain skills with templates.

Build React components using @fpkit/acss library patterns. Scaffolds complete component structures (tsx, types, scss, stories, tests), validates CSS variables follow naming conventions (--component-property with rem units), enforces TypeScript patterns, accessibility standards (WCAG 2.1 AA), and Storybook documentation. Use when building new components, generating boilerplate, or refactoring to use fpkit primitives. Includes automation scripts, reference guides, and templates.

Creates a new domain following DDD architecture pattern with all 4 layers (Repository, API Client, Hooks, Components), boilerplate files, and test stubs. Use when starting a new feature domain.

WHEN: Test code generation, unit/integration/E2E test writing, component/hook/utility testsWHAT: Framework detection + Jest/Vitest/RTL/Playwright templates + Happy Path/Edge/Error case testsWHEN NOT: Coverage analysis → coverage-analyzer, Test quality review → code-reviewer

LlamaIndex implementation patterns with templates, scripts, and examples for building RAG applications. Use when implementing LlamaIndex, building RAG pipelines, creating vector indices, setting up query engines, implementing chat engines, integrating LlamaCloud, or when user mentions LlamaIndex, RAG, VectorStoreIndex, document indexing, semantic search, or question answering systems.

Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products.

Skriptoteket-specific brutalist/academic UI design. Use for Vue/Vite SPA and SSR templates when you want grid-based layouts, systematic typography, and high-contrast “academic” aesthetics, while staying compatible with Skriptoteket’s pure-CSS + HuleEdu token stack (no Tailwind).