Design
15354 skills in Content & Media > Design
git-lines
Stages specific lines from git diffs when hunk-level staging is too coarse. Use when a file contains multiple unrelated changes that need separate semantic commits, split commits, partial staging, or cherry-picking specific lines. Requires git-lines tool on PATH.
vue3-frontend
Comprehensive Vue 3 frontend development skill. Use when developing Vue 3 applications, components, or composables. Covers: (1) Creating new Vue 3 projects and components, (2) Vue 2 to Vue 3 migration, (3) Code review and optimization, (4) Composition API implementation, (5) Best practices and common patterns, (6) TypeScript integration, (7) State management with Pinia, (8) Performance optimization. Includes component templates, composable examples, migration guides, and best practices documentation.
theme-factory
10 ready-to-use themes with colors and fonts for consistent styling.Use when: applying visual themes to pages, components, or design systems.Triggers: "theme", "color palette", "color scheme", "fonts", "branding","visual identity", "design system colors".
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.
troubleshooting-config-items
Troubleshoots infrastructure and application configuration items in Mission Control by diagnosing health issues, analyzing recent changes, and investigating resource relationships. Use when users ask about unhealthy or failing resources, mention specific config items by name or ID, inquire about Kubernetes pods/deployments/services, AWS EC2 instances/volumes, Azure VMs, or other infrastructure components. Also use when investigating why a resource is down, stopped, degraded, or showing errors, or when analyzing what changed that caused an issue.
global-commenting
Write meaningful code comments that explain WHY rather than WHAT, focusing on business logic, non-obvious solutions, workarounds, and complex algorithms while keeping code self-documenting. Use this skill when adding comments to explain rationale, documenting complex business logic, explaining workarounds or temporary solutions, describing performance optimizations, writing function documentation (JSDoc, docstrings, XML docs), or reviewing code for appropriate commenting. Apply when working on any code file that contains logic requiring explanation, public API functions, complex algorithms, security-critical code, or architectural decisions. This skill ensures comments explain rationale not implementation (WHY not WHAT), self-documenting code through clear naming (refactor unclear code instead of commenting), concise and evergreen comments (no who/when dated comments - Git tracks this), links to external resources for context, proper function documentation format (JSDoc for TS/JS, docstrings for Python, XML d
using-content-driven-development
Apply a Content Driven Development process to AEM Edge Delivery Services development. Use for all development tasks, including building new blocks, modifying existing blocks, making changes to core decoration functionality, etc.
databases
Work with MongoDB (document database, BSON documents, aggregation pipelines, Atlas cloud) and PostgreSQL (relational database, SQL queries, psql CLI, pgAdmin). Use when designing database schemas, writing queries and aggregations, optimizing indexes for performance, performing database migrations, configuring replication and sharding, implementing backup and restore strategies, managing database users and permissions, analyzing query performance, or administering production databases.
add-sensor
Use when user wants to add a new sensor to the Enviro+ monitoring system, or asks to monitor a new data point. Guides through importing libraries, initialization, reading sensor values, publishing to Adafruit IO and Home Assistant, updating documentation, testing, and rate limit verification.
resilience4j
Avaliar circuit breakers, retries e rate limiters configurados com Resilience4j para proteger integrações de resultados.
test
Write tests that verify spec acceptance criteria and requirements. Maps each AC to specific test cases, follows AAA pattern, ensures deterministic isolated tests. Use in parallel with implementation or after.
container-deployment
Container strategies for .NET libraries and test environments. Use when working with Docker test environments, container-based integration testing, or NuGet package container builds. Not typically for production deployment of libraries.
feature-spec
Guide users through structured feature specification creation from idea to complete spec. Use when user wants to create a feature specification, product requirements document (PRD), technical spec for a feature, or similar structured feature planning documentation. This workflow helps users efficiently gather context, explore the codebase, define requirements, draft technical approach, and save the result to JIRA or Confluence. Trigger when user mentions "create a spec", "spec out", "write a PRD", "feature specification", or similar feature planning tasks.
composing-components
Teaches component composition patterns in React 19 including children prop, compound components, and render props. Use when designing component APIs, creating reusable components, or avoiding prop drilling.
nano-banana-illustrator
Generate illustrations using Google's Nano Banana (Gemini Image) API. Use when creating images, illustrations, visual content from text prompts, or illustrating documents/stories. Defaults to Pro model with landscape (16:9) aspect ratio. Requires GOOGLE_API_KEY in environment.
forth-ai-brand
Apply Forth AI brand guidelines when creating frontends. Use for UI components, pages, applications, and design systems. Enforces radical simplicity, polymorphic interfaces, and the Forth AI visual identity.
puzzle-fetcher
Download and parse Advent of Code puzzles using aoc-cli. Extracts examples, expected outputs, and problem requirements from puzzle descriptions. Use when needing to fetch AoC puzzles, parse puzzle examples, or when user mentions downloading or reading AoC puzzle data.
find-for-designs-scopes-for-a-project
Find relevant designs and scopes for a project. Should be used whenever a user mentions a design / scope doc for a project.
unocss-onmax
Use when writing UnoCSS with presetOnmax workflow - covers attribute mode patterns, fluid spacing (f- prefix), scale-to-pixel (1px base), custom variants (hocus, reka-*, data-state), nimiq-css design system (nq-* utilities), and Reka UI integration. Apply when editing .vue files with UnoCSS attributes or configuring uno.config.ts.
cgl-consulting-planning
Creates implementation plans using GOAP (goal-oriented action planning) and Pareto prioritization. Auto-activates when user wants to implement, build, create, or develop something. Analyzes gaps backward from goal and sequences tasks by dependencies.