Use when styling artifacts with professional themes. Triggers include requests to style slides, docs, reports, HTML landing pages, or any visual artifact with consistent colors and fonts. Provides 10 pre-set professional themes with curated color palettes and…
Use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Use when building elaborate, multi-component HTML artifacts using modern frontend technologies (React, Tailwind CSS, shadcn/ui). Triggers include requests for complex web artifacts requiring state management, routing, or shadcn/ui components. Not for simple…
Use when co-authoring documentation with users through a structured workflow. Triggers include requests to write documentation, proposals, technical specs, decision docs, RFCs, or similar structured content. This workflow helps users efficiently transfer…
Use when creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Triggers include requests for generative art, algorithmic art, flow fields, particle systems, or any art created through code. Always create original…
Use when creating new opencode skills, modifying existing skills, or measuring skill performance. Triggers include requests to create a skill from scratch, edit or optimize an existing skill, run evals to test a skill, benchmark skill performance with…
Use when creating animated GIFs optimized for Slack. Triggers include requests like "make me a GIF of X doing Y for Slack", "create a Slack emoji", "animate this for Slack", or any mention of Slack GIFs or Slack emoji animations. Provides constraints,…
Use when creating beautiful visual art in .png and .pdf documents using design philosophy. Triggers include requests to create posters, pieces of art, designs, or other static visual pieces. Always create original visual designs — never copy existing artists'…