Design
15354 skills in Content & Media > Design
file-organizer
Organize, categorize, rename, and manage files systematically using automated rules, naming conventions, and folder structures for efficient file management. Use when organizing uploaded files, implementing file naming conventions, categorizing files by type or metadata, creating folder structures, cleaning up messy directories, automating file movements, implementing media libraries, or building file management systems.
api-design
Design clean, scalable, and maintainable REST and GraphQL APIs following industry best practices. Use when designing public or internal APIs, planning endpoint structures, defining request/response contracts, establishing versioning strategies, implementing authentication patterns, designing data models, creating API documentation, ensuring consistent error handling, optimizing for performance, or establishing service contracts between microservices.
design-excellence
Design system and anti-patterns for professional UI. Ensures apps don't look "AI generated". Defines color palettes, typography, spacing, animations, and common anti-patterns to avoid. Used by Design Reviewer sub-agent to polish UI. Triggers: design review, polish UI, improve aesthetics, looks like AI made it, design system, style guide, make it beautiful.
mcp-builder
Build Model Context Protocol (MCP) servers and tools that extend Claude's capabilities with custom functions, data sources, and integrations. Use when creating custom MCP servers, implementing tools for Claude, building integrations with external services, creating data source connectors, implementing custom functions, or extending Claude's capabilities with domain-specific tools.
ci-cd-pipeline
Set up and maintain continuous integration and continuous deployment pipelines with GitHub Actions, GitLab CI, Jenkins, or similar tools to automate testing, building, and deployment. Use when configuring automated builds, setting up test automation, implementing deployment automation, creating release workflows, managing environment deployments, configuring build caching, implementing blue-green deployments, setting up rollback strategies, or automating the entire software delivery pipeline.
frontend-component-patterns
Build reusable, composable, and maintainable React/Vue/Angular components following established design patterns like compound components, render props, custom hooks, and HOCs. Use when creating component libraries, implementing component composition, building reusable UI elements, designing prop APIs, managing component state patterns, implementing controlled vs uncontrolled components, creating compound components, using render props or children as functions, building custom hooks, or establishing component architecture standards.
vibe-orchestrator
Master workflow controller for Lovable-style development. Creates working UI immediately from ANY prompt - no questions asked, no choices given. Routes to specialist sub-agents (ui-builder, dev-builder, design-reviewer, backend-connector, platform-adapter). Triggers: create, build, make, want, new project requests, app ideas, MVP, prototype, or any development request. This skill MUST be read first for any development task.
content-research-writer
Research topics thoroughly and write comprehensive, well-structured content including articles, documentation, blog posts, and technical writing with proper citations and sources. Use when writing blog posts, creating technical articles, researching topics, gathering sources, writing documentation, creating educational content, or producing research-backed content.
learning-objectives
Generate measurable learning outcomes aligned with Bloom's taxonomy and CEFR proficiency levels for educational content.Use this skill when educators need to define what students will achieve, create learning objectivesfor curriculum planning, or ensure objectives are specific and testable rather than vague.This skill helps break down complex topics into progressively building learning goals with clearassessment methods and success criteria.
brainstorming
Technical design collaboration through natural dialogue. Adapts to expertise level and problem complexity through understanding, exploration, and validation stages. Use when user asks to brainstorm ideas for new features or systems requiring architectural decisions before implementation begins.
tool-selection-framework
Design systematic decision frameworks for selecting appropriate AI tools (Claude Code vs Gemini CLI)based on context requirements, codebase size, reasoning depth needs, and task complexity. Use thisskill when starting projects with unclear tool requirements, optimizing context-constrained workflows,or designing multi-phase strategies that leverage multiple tools' strengths. This skill helps matchtool capabilities to task characteristics, preventing wasted context and ensuring optimal resourceallocation.
quiz-generator
ALWAYS generate interactive quizzes using the Quiz component (50 comprehensive questions total).Generates 50 college-level conceptual questions with immediate feedback per question.Quiz component automatically displays 15-20 questions per batch, randomized each retake.Features: immediate feedback after each answer (correct option + explanation + why wrong if incorrect),automatic batch shuffling on retake, no passing/failing threshold, color-coded feedback,theme support. Globally-registered Quiz component handles all UI/UX.Follows ##_chapter_##_quiz.md naming convention.INCLUDES: Automated answer redistribution with intelligent explanation regeneration (consolidates quiz-answer-redistributor functionality).
assessment-builder
Creates assessments with varied question types (MCQ, code-completion, debugging, projects) alignedto learning objectives with meaningful distractors based on common misconceptions. Activate wheneducators design quizzes, exams, or tests measuring understanding; need questions at appropriatecognitive levels (Bloom's taxonomy); want balanced cognitive distribution (60%+ non-recall); orrequire rubrics for open-ended questions. Generates MCQs with diagnostic distractors, code-writingprompts, debugging challenges, and project-based assessments targeting deep understanding.
docusaurus-deployer
This skill should be used when deploying a Docusaurus site to GitHub Pages. It automates the configuration, building, and deployment process, handling GitHub Pages setup, environment configuration, and CI/CD automation. Includes local validation before GitHub Actions triggering.
ai-collaborate-teaching
Design learning experiences for AI-native software development, integrating the Three Roles Framework (AI as Teacher/Student/Co-Worker), co-learning partnership pedagogy, and "Specs Are the New Syntax" paradigm into programming curriculum. Use this skill when educators need to prepare students for professional AI-driven development workflows, teach effective specification-first collaboration, or balance AI assistance with foundational learning goals. This skill helps create lessons that leverageAI tools appropriately while ensuring students build independent capability, bidirectional learningpatterns, and ethical AI use practices. Aligned with Constitution v4.0.1.
skill-creator
Design and create Claude Skills using progressive disclosure principles. Use when building new skills, planning skill architecture, or writing skill content.
experiment-design
Best practices for designing reproducible experiments
conversation-log
Technical conversation log with factual accuracy and precision tailored specifically for DEVELOPER and ENGINEER profiles. Provides systematic guidance for capturing decisions, outcomes, and next steps. Use when user asks to create technical conversation logs for reviews, architecture discussions, or implementation sessions.
framework-methodology
Reference manual for framework methodology throughout session. Provides guidance on cognitive architecture that replaces default AI assistant behaviors with systematic patterns proven through collaborative experience. Consult this manual throughout session when applying framework procedures.
book-scaffolding
Plan, structure, and scaffold large educational books using cognitive load management,just-in-time specification, and pedagogical best practices. Use this skill when planningmulti-part, multi-chapter educational works that require narrative continuity, progressivecomplexity, and hands-on exercises. This skill helps create cohesive learning journeysthat balance foundational scaffolding with advanced independence. Activate when tasksinvolve structuring books, managing cognitive load across chapters, defining part-levelnarratives, or coordinating multi-phase content development workflows.