Design

Guide Alfred to provide non-intrusive proactive suggestions based on risk detection, optimization patterns, and learning opportunities

Create technical design documents for ABP Framework features including API contracts, database schemas, and architecture decisions. Use when: (1) designing REST APIs, (2) planning database schemas, (3) creating technical specifications, (4) documenting architecture decisions (ADRs).

Master orchestration skill for ProSWARM Neural MCP - ALWAYS use this for complex tasks requiring decomposition, planning, or parallel execution. Leverages 70+ specialized neural models for instant task classification and orchestration with 84.8% SWE-Bench accuracy. Use when user asks to solve problems, fix bugs, implement features, or any multi-step task. PRIMARY workflow engine for ALL development work.

Empirical validation workflow for blockchain data collection pipelines before production implementation. Use when validating data sources, testing DuckDB integration, building POC collectors, or verifying complete fetch-to-storage pipelines for blockchain data.

Run a senior-level Java/Spring backend live-coding interview practice, guiding the user with Socratic prompts, strict code review (readability, edge cases, data structures), and staged hints without giving direct answers.

Builds full-stack applications with SolidStart, combining Solid's fine-grained reactivity with server functions and multiple rendering modes. Use when creating SolidJS applications with SSR/SSG, server functions, or when user mentions SolidStart or Solid meta-framework.

Master monetization models, pricing strategies, and growth tactics. Learn to build sustainable business models and optimize plugin revenue.

Researches SEO competition, keywords, and content gaps for Italian business/fiscal topics. Use when you need to research article topics, analyze competition, find keyword opportunities, or validate content strategy for the Italian market.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

ALWAYS use this skill for ANY Svelte component styling, design, or UI work. Svelte 5 UI design system using Tailwind CSS 4, Skeleton Labs design tokens/presets/Tailwind Components, and Bits UI headless components. Covers class composition, color systems, interactive components, forms, overlays, and all visual design.

PocketFlow framework for building LLM applications with graph-based abstractions, design patterns, and agentic coding workflows

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

UI/UX design intelligence with searchable database: 50 styles, 21 color palettes, 50 font pairings, 20 chart types, 8 framework stacks.Trigger phrases (use this skill when user says):- "build a landing page", "create a dashboard", "design a website"- "Reactでコンポーネント作って", "Next.jsでページ作って", "Vueでアプリ作って"- "make it look modern", "use glassmorphism", "add dark mode"- "UIを改善して", "デザインを良くして", "もっとモダンにして"- "choose a color palette", "recommend fonts", "what chart should I use"- "fix accessibility", "improve UX", "optimize for mobile"- "style with Tailwind", "add hover effects", "create responsive layout"Supported: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, HTML+Tailwind.Elements: button, modal, navbar, sidebar, card, table, form, chart, hero, footer.Styles: glassmorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, flat design.

Comprehensive mobile-first responsive design skill for converting desktop pages to mobile-friendly layouts. Use when implementing mobile views, fixing responsive issues, or batch-converting multiple pages to mobile-responsive. Automates the mobile-view workflow for Next.js/React applications with Tailwind CSS. (project)

Use this skill when creating UI components, writing copy, designing layouts, or making any visual/brand decisions for the Planted website. Ensures consistency with Planted's challenger brand voice (inspired by Oatly's approach) and the established design system.

Node.js + Express + TypeScript patterns for FarmGate backend. Use when building API routes, services, middleware, or integrating with CAES authentication.

High-performance monorepo build system with intelligent caching, task orchestration, and parallel execution for multi-package repositories and microservices.

Creates animated diagrams and professional infographics using Chart.js 4.x with: Auto-activates when user mentions: diagram, chart, graph, infographic, visualization, data visualization, data viz, line chart, bar chart, pie chart

Guide structuring new features in Nx workspaces. Use when user asks about creating libraries, organizing code, or where to place new features.

Guide for implementing Cloudflare Browser Rendering - a headless browser automation API for screenshots, PDFs, web scraping, and testing. Use when automating browsers, taking screenshots, generating PDFs, scraping dynamic content, extracting structured data, or testing web applications. Supports REST API, Workers Bindings (Puppeteer/Playwright), MCP servers, and AI-powered automation. (project)