Design

Master the Purify library for practical functional programming in TypeScript with algebraic data types (Maybe, Either, EitherAsync, MaybeAsync), composable error handling, data transformations, Codec for runtime type safety, List operations, Tuple utilities, and functional patterns. Use when working with Purify's Maybe/Either types, async error handling with EitherAsync/MaybeAsync, runtime validation with Codecs, or building practical functional TypeScript applications with cleaner syntax than fp-ts.

Design efficient database schemas, write optimized queries with proper indexes, and manage data operations following best practices

Design context-sensitive help systems, tooltips, onboarding flows, and support documentation for learning platforms. Use for user assistance. Activates on "help system", "user assistance", "onboarding", or "contextual help".

Complete Figma design extraction for pixel-perfect implementation.Extracts design tokens, component specs, layouts, and responsive behavior systematically.Use when user provides Figma design:- Figma URL or file link provided- User mentions "Figma", "design file", "mockup", or "design system"- During /create-plan phase when design needs extraction- User says "extract from Figma" or references Figma linkExtract systematically:- Design tokens: ALL colors (hex + usage), typography (sizes, weights, line heights), spacing scale, border radius, shadows, opacity values- Components: ALL states (default, hover, active, focus, disabled, loading, error), ALL variants (size/style/intent), exact dimensions, spacing, visual properties- Layouts: page structure, grid systems (columns, gutters), component hierarchy- Responsive: mobile/tablet/desktop differences explicitly documented- Assets: icons (names, sizes), images (dimensions, alt text), illustrationsGoal: Extract ONCE completely during planning phase

Zoltraak CLI を使用して要件定義を生成。Use when user mentions 要件定義, requirements, 仕様書, アイデアから, 自然言語から. Do not use for design or implementation.

Use when creating, designing, or building Claude Code skills. Auto-activates for "create a skill", "build a skill", "skill for X", or "make this into a skill". Provides complete 6-step creation protocol, embedded Anthropic documentation, working examples, and templates. Never need to fetch external docs again.

Comprehensive Go testing strategies including table-driven tests, testify assertions, gomock interface mocking, benchmark testing, and CI/CD integration. Use when writing test suites, setting up testing infrastructure, or ensuring code quality.

Frontend design assistant for users with zero/low-code background. This skill should be used when users request creating web interfaces, landing pages, dashboards, or any frontend UI; when users ask about frontend terminology, design elements, or architecture concepts; when users want to understand CSS, layout, typography, or color choices. Emphasizes distinctive aesthetics over generic AI-generated designs, teaches concepts in context, and adapts to user skill level (pure HTML/CSS or React/Vue).

This skill should be used when users request UI/UX design work, component creation, page layouts, wireframes, or design system implementation for Next.js applications using Tailwind CSS with a custom brand color palette (cream

Follow development best practices for project organization, version control, documentation, environment configuration, and dependency management to maintain consistency across the team. Use this skill when organizing project files and directory structures, writing or updating README files and documentation, working with git commits and branches, configuring environment variables, managing dependencies in package.json or requirements.txt, or establishing code review processes. Use this skill when working with configuration files, .env files, documentation files, or when setting up CI/CD workflows. Use this skill when implementing feature flags, maintaining changelogs, or establishing team development workflows and contribution guidelines.

UI/UX focused editing for visual changes only. Use for styling, layout, animations, typography, and design system work. No logic changes. Supports ULTRATHINK trigger for deep design analysis.

Master SQL query optimization, indexing strategies, and EXPLAIN analysis to dramatically improve database performance and eliminate slow queries. Use when debugging slow queries, designing database schemas, or optimizing application performance.

Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.

Provides creative thinking prompts using concrete metaphors, dramatic scenarios, and strategic frameworks. Use when the user needs inspiration, is stuck on a problem, or wants to validate ideas from first principles.

Review educational content against the Four Learning Design Pillars framework. Use when users want to evaluate course materials, lessons, tutorials, e-learning modules, or any instructional content for alignment with evidence-based learning design principles. Provides structured feedback with specific principle references (e.g., 1.1.1, 2.3.4) and actionable recommendations.

Follow team development conventions for project structure, version control, and collaboration. Use this skill when organizing files and directories, writing commit messages, or setting up pull requests. When managing environment variables, dependencies, or configuration files. When establishing code review processes, testing requirements, or changelog practices. When using feature flags for incomplete features.

Build, test, and distribute Claude Code plugins with slash commands, agents, skills, hooks, MCP servers, and LSP servers. MUST be loaded when creating, reviewing, debugging, or distributing plugins. Use PROACTIVELY when user mentions plugins, extensions, marketplaces, or wants to add custom commands/agents to Claude Code.

Index of AI agent skills and how to use them when implementing features in this repo.

Premium dark mode design system for NGX Genesis. Use when creating web interfaces, landing pages, dashboards, React components, or any UI for the NGX ecosystem. Includes color tokens, glassmorphism effects, neon glow buttons, depth cards, and all brand visual effects. The style is 80% effects and 20% colors - requires transparencies, backdrop-blur, multiple shadows, and subtle gradients.

Système de gestion de tâches avec workflows Git, analyse comparative, et priorisation intelligente. Activer ce skill quand l'utilisateur parle de tâches, backlog, analyses de CV, ou demande quelle tâche faire ensuite.