Design
15354 skills in Content & Media > Design
nodejs-backend-patterns
Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when creating Node.js servers, REST APIs, GraphQL backends, or microservices architectures.
notebooks-front-end
Use when editing docs/index.html, creating charts with Plot, adding SQL cells, loading data with FileAttachment, or building visualizations. Triggers on any editing of docs/index.html, Observable notebooks, or front-end visualization work.
curriculum-package-common-cartridge
Generate IMS Common Cartridge 1.3 packages with QTI assessments, LTI tool links, discussion forums, and full gradebook integration. Use when creating portable, interoperable LMS packages for Canvas, Moodle, Blackboard. Activates on "create Common Cartridge", "CC package", "IMS CC", or "interoperable LMS package".
obsidian-canvas
Editar o generar archivos de Obsidian Canvas (.canvas JSON) de forma segura: nodos, conexiones, posiciones. Evita corromper el JSON.
4-domain-deep-dive
Fourth step in building instruction context for codebase
my-n8n-project
Auto-invoked when user mentions "n8n workflow", "n8n project", "sync workflows", "push workflow", "workflow automation", or discusses n8n node configuration. Provides guidance on n8n workflow structure, editing JSON workflows programmatically, and best practices.
web-developer-work-skill
Persistent context management system for web developers that never loses work between Claude Desktop sessions. Features automatic context backup, work session continuity, project state management, and comprehensive error recovery.
dev-brainstorm
This skill should be used when the user asks to "brainstorm a feature", "discuss requirements", "clarify the design", "refine the idea", or as Phase 1 of the /dev workflow. Uses Socratic questioning to explore design before implementation.
design-postgres-tables
Comprehensive PostgreSQL-specific table design reference covering data types, indexing, constraints, performance patterns, and advanced features
mcp-builder
This skill guides building high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services. Use when creating MCP servers, designing tool interfaces, or implementing protocol handlers.
test-generator
Generate comprehensive test suites including static analysis, unit tests, integration tests, E2E tests, and coverage reports. Triggers: TG, test, 測試, 寫測試, coverage, 覆蓋率, pytest, unittest, 驗證.
context-routing
Intelligently routes requests to the correct context instructions and documentation files. Use this skill to determine which AGENT.md, guide, or technical instruction file is most relevant for a user's request.
install-dependencies
Guidelines for adding dependencies to projects - critical rule to never specify version numbers, let package managers handle versioning automatically
ui-skill
UI implementation best practices and conventions for building user interfaces. Use this skill when implementing UI.
mermaid
Guide for creating beautiful Mermaid diagrams with high-contrast styling for GitHub markdown (light/dark mode compatible, no icons).
meta-prompt
Generates new Claude Code custom slash command prompts following the established template structure. Use when the user asks to create a new slash command, generate a command prompt, or build a custom command for .claude/commands/
documentation-generator
Automatically generate documentation when user mentions needing API docs, README files, user guides, developer guides, or changelogs. Analyzes code and generates appropriate documentation based on context. Invoke when user mentions "document", "docs", "README", "API documentation", "guide", "changelog", or "how to document".
ng-alain-component-development
Create components using ng-alain (@delon/abc) and ng-zorro-antd UI libraries. Use this skill when building enterprise UI features with ST (Simple Table), SF (Schema Form), ACL (Access Control), PageHeader, ReuseTab, and other @delon components. Ensures proper integration with ng-alain architecture, theming system, responsive layouts, and accessibility standards while following Angular 20 patterns.
vibes
Generate React web apps with Fireproof database. Use when creating new web applications, adding components, or working with local-first databases. Ideal for quick prototypes and single-page apps that need real-time data sync.
unit-test-specialist
Expert guidance on unit testing for the Pomodoro Time Tracker. Activates when working with tests, test coverage, or testable code patterns.