@@ -45,6 +45,6 @@ import Modal from '../components/Modal.astro';
{
const manifest = await fetchData('manifest.json');
if (manifest && manifest.counts) {
// Populate counts in cards
- const countKeys = ['agents', 'prompts', 'instructions', 'skills', 'hooks', 'plugins', 'tools'] as const;
+ const countKeys = ['agents', 'instructions', 'skills', 'hooks', 'workflows', 'plugins', 'tools'] as const;
countKeys.forEach(key => {
const countEl = document.querySelector(`.card-count[data-count="${key}"]`);
if (countEl && manifest.counts[key] !== undefined) {
diff --git a/website/src/scripts/pages/instructions.ts b/website/src/scripts/pages/instructions.ts
index 0501ec42c..a4d89823c 100644
--- a/website/src/scripts/pages/instructions.ts
+++ b/website/src/scripts/pages/instructions.ts
@@ -2,7 +2,7 @@
* Instructions page functionality
*/
import { createChoices, getChoicesValues, type Choices } from '../choices';
-import { FuzzySearch, SearchItem } from '../search';
+import { FuzzySearch, type SearchItem } from '../search';
import { fetchData, debounce, escapeHtml, getGitHubUrl, getInstallDropdownHtml, setupDropdownCloseHandlers, getActionButtonsHtml, setupActionHandlers, getLastUpdatedHtml } from '../utils';
import { setupModal, openFileModal } from '../modal';
diff --git a/website/src/scripts/pages/plugins.ts b/website/src/scripts/pages/plugins.ts
index 53e94f200..32968b6b3 100644
--- a/website/src/scripts/pages/plugins.ts
+++ b/website/src/scripts/pages/plugins.ts
@@ -2,7 +2,7 @@
* Plugins page functionality
*/
import { createChoices, getChoicesValues, type Choices } from '../choices';
-import { FuzzySearch, SearchItem } from '../search';
+import { FuzzySearch, type SearchItem } from '../search';
import { fetchData, debounce, escapeHtml, getGitHubUrl } from '../utils';
import { setupModal, openFileModal } from '../modal';
diff --git a/website/src/scripts/pages/prompts.ts b/website/src/scripts/pages/prompts.ts
deleted file mode 100644
index 02799ad66..000000000
--- a/website/src/scripts/pages/prompts.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-/**
- * Prompts page functionality
- */
-import { createChoices, getChoicesValues, type Choices } from '../choices';
-import { FuzzySearch, SearchItem } from '../search';
-import { fetchData, debounce, escapeHtml, getGitHubUrl, getInstallDropdownHtml, setupDropdownCloseHandlers, getActionButtonsHtml, setupActionHandlers, getLastUpdatedHtml } from '../utils';
-import { setupModal, openFileModal } from '../modal';
-
-interface Prompt extends SearchItem {
- path: string;
- tools?: string[];
- lastUpdated?: string | null;
-}
-
-interface PromptsData {
- items: Prompt[];
- filters: {
- tools: string[];
- };
-}
-
-type SortOption = 'title' | 'lastUpdated';
-
-const resourceType = 'prompt';
-let allItems: Prompt[] = [];
-let search = new FuzzySearch();
-let toolSelect: Choices;
-let currentFilters = { tools: [] as string[] };
-let currentSort: SortOption = 'title';
-
-function sortItems(items: Prompt[]): Prompt[] {
- return [...items].sort((a, b) => {
- if (currentSort === 'lastUpdated') {
- const dateA = a.lastUpdated ? new Date(a.lastUpdated).getTime() : 0;
- const dateB = b.lastUpdated ? new Date(b.lastUpdated).getTime() : 0;
- return dateB - dateA;
- }
- return a.title.localeCompare(b.title);
- });
-}
-
-function applyFiltersAndRender(): void {
- const searchInput = document.getElementById('search-input') as HTMLInputElement;
- const countEl = document.getElementById('results-count');
- const query = searchInput?.value || '';
-
- let results = query ? search.search(query) : [...allItems];
-
- if (currentFilters.tools.length > 0) {
- results = results.filter(item =>
- item.tools?.some(tool => currentFilters.tools.includes(tool))
- );
- }
-
- results = sortItems(results);
-
- renderItems(results, query);
- let countText = `${results.length} of ${allItems.length} prompts`;
- if (currentFilters.tools.length > 0) {
- countText += ` (filtered by ${currentFilters.tools.length} tool${currentFilters.tools.length > 1 ? 's' : ''})`;
- }
- if (countEl) countEl.textContent = countText;
-}
-
-function renderItems(items: Prompt[], query = ''): void {
- const list = document.getElementById('resource-list');
- if (!list) return;
-
- if (items.length === 0) {
- list.innerHTML = '';
- return;
- }
-
- list.innerHTML = items.map(item => `
- {
- const list = document.getElementById('resource-list');
- const searchInput = document.getElementById('search-input') as HTMLInputElement;
- const clearFiltersBtn = document.getElementById('clear-filters');
- const sortSelect = document.getElementById('sort-select') as HTMLSelectElement;
-
- const data = await fetchData('prompts.json');
- if (!data || !data.items) {
- if (list) list.innerHTML = '';
- return;
- }
-
- allItems = data.items;
- search.setItems(allItems);
-
- toolSelect = createChoices('#filter-tool', { placeholderValue: 'All Tools' });
- toolSelect.setChoices(data.filters.tools.map(t => ({ value: t, label: t })), 'value', 'label', true);
- document.getElementById('filter-tool')?.addEventListener('change', () => {
- currentFilters.tools = getChoicesValues(toolSelect);
- applyFiltersAndRender();
- });
-
- sortSelect?.addEventListener('change', () => {
- currentSort = sortSelect.value as SortOption;
- applyFiltersAndRender();
- });
-
- applyFiltersAndRender();
- searchInput?.addEventListener('input', debounce(() => applyFiltersAndRender(), 200));
-
- clearFiltersBtn?.addEventListener('click', () => {
- currentFilters = { tools: [] };
- currentSort = 'title';
- toolSelect.removeActiveItems();
- if (searchInput) searchInput.value = '';
- if (sortSelect) sortSelect.value = 'title';
- applyFiltersAndRender();
- });
-
- setupModal();
- setupDropdownCloseHandlers();
- setupActionHandlers();
-}
-
-// Auto-initialize when DOM is ready
-document.addEventListener('DOMContentLoaded', initPromptsPage);
diff --git a/website/src/scripts/pages/skills.ts b/website/src/scripts/pages/skills.ts
index e079ff4ec..5e58c3368 100644
--- a/website/src/scripts/pages/skills.ts
+++ b/website/src/scripts/pages/skills.ts
@@ -2,7 +2,7 @@
* Skills page functionality
*/
import { createChoices, getChoicesValues, type Choices } from "../choices";
-import { FuzzySearch, SearchItem } from "../search";
+import { FuzzySearch, type SearchItem } from "../search";
import {
fetchData,
debounce,
diff --git a/website/src/scripts/pages/workflows.ts b/website/src/scripts/pages/workflows.ts
new file mode 100644
index 000000000..e320b9903
--- /dev/null
+++ b/website/src/scripts/pages/workflows.ts
@@ -0,0 +1,198 @@
+/**
+ * Workflows page functionality
+ */
+import { createChoices, getChoicesValues, type Choices } from "../choices";
+import { FuzzySearch, type SearchItem } from "../search";
+import {
+ fetchData,
+ debounce,
+ escapeHtml,
+ getGitHubUrl,
+ getActionButtonsHtml,
+ setupActionHandlers,
+ getLastUpdatedHtml,
+} from "../utils";
+import { setupModal, openFileModal } from "../modal";
+
+interface Workflow extends SearchItem {
+ id: string;
+ path: string;
+ triggers: string[];
+ lastUpdated?: string | null;
+}
+
+interface WorkflowsData {
+ items: Workflow[];
+ filters: {
+ triggers: string[];
+ };
+}
+
+type SortOption = "title" | "lastUpdated";
+
+const resourceType = "workflow";
+let allItems: Workflow[] = [];
+let search = new FuzzySearch();
+let triggerSelect: Choices;
+let currentFilters = {
+ triggers: [] as string[],
+};
+let currentSort: SortOption = "title";
+
+function sortItems(items: Workflow[]): Workflow[] {
+ return [...items].sort((a, b) => {
+ if (currentSort === "lastUpdated") {
+ const dateA = a.lastUpdated ? new Date(a.lastUpdated).getTime() : 0;
+ const dateB = b.lastUpdated ? new Date(b.lastUpdated).getTime() : 0;
+ return dateB - dateA;
+ }
+ return a.title.localeCompare(b.title);
+ });
+}
+
+function applyFiltersAndRender(): void {
+ const searchInput = document.getElementById(
+ "search-input"
+ ) as HTMLInputElement;
+ const countEl = document.getElementById("results-count");
+ const query = searchInput?.value || "";
+
+ let results = query ? search.search(query) : [...allItems];
+
+ if (currentFilters.triggers.length > 0) {
+ results = results.filter((item) =>
+ item.triggers.some((t) => currentFilters.triggers.includes(t))
+ );
+ }
+
+ results = sortItems(results);
+
+ renderItems(results, query);
+ const activeFilters: string[] = [];
+ if (currentFilters.triggers.length > 0)
+ activeFilters.push(
+ `${currentFilters.triggers.length} trigger${
+ currentFilters.triggers.length > 1 ? "s" : ""
+ }`
+ );
+ let countText = `${results.length} of ${allItems.length} workflows`;
+ if (activeFilters.length > 0) {
+ countText += ` (filtered by ${activeFilters.join(", ")})`;
+ }
+ if (countEl) countEl.textContent = countText;
+}
+
+function renderItems(items: Workflow[], query = ""): void {
+ const list = document.getElementById("resource-list");
+ if (!list) return;
+
+ if (items.length === 0) {
+ list.innerHTML =
+ '';
+ return;
+ }
+
+ list.innerHTML = items
+ .map(
+ (item) => `
+ {
+ const list = document.getElementById("resource-list");
+ const searchInput = document.getElementById(
+ "search-input"
+ ) as HTMLInputElement;
+ const clearFiltersBtn = document.getElementById("clear-filters");
+ const sortSelect = document.getElementById(
+ "sort-select"
+ ) as HTMLSelectElement;
+
+ const data = await fetchData("workflows.json");
+ if (!data || !data.items) {
+ if (list)
+ list.innerHTML =
+ '';
+ return;
+ }
+
+ allItems = data.items;
+ search.setItems(allItems);
+
+ // Setup trigger filter
+ triggerSelect = createChoices("#filter-trigger", {
+ placeholderValue: "All Triggers",
+ });
+ triggerSelect.setChoices(
+ data.filters.triggers.map((t) => ({ value: t, label: t })),
+ "value",
+ "label",
+ true
+ );
+ document.getElementById("filter-trigger")?.addEventListener("change", () => {
+ currentFilters.triggers = getChoicesValues(triggerSelect);
+ applyFiltersAndRender();
+ });
+
+ sortSelect?.addEventListener("change", () => {
+ currentSort = sortSelect.value as SortOption;
+ applyFiltersAndRender();
+ });
+
+ applyFiltersAndRender();
+ searchInput?.addEventListener(
+ "input",
+ debounce(() => applyFiltersAndRender(), 200)
+ );
+
+ clearFiltersBtn?.addEventListener("click", () => {
+ currentFilters = { triggers: [] };
+ currentSort = "title";
+ triggerSelect.removeActiveItems();
+ if (searchInput) searchInput.value = "";
+ if (sortSelect) sortSelect.value = "title";
+ applyFiltersAndRender();
+ });
+
+ setupModal();
+ setupActionHandlers();
+}
+
+// Auto-initialize when DOM is ready
+document.addEventListener("DOMContentLoaded", initWorkflowsPage);
diff --git a/website/src/scripts/utils.ts b/website/src/scripts/utils.ts
index 7c17f6fd1..33eedaab7 100644
--- a/website/src/scripts/utils.ts
+++ b/website/src/scripts/utils.ts
@@ -15,9 +15,9 @@ const VSCODE_INSTALL_CONFIG: Record<
baseUrl: "https://aka.ms/awesome-copilot/install/instructions",
scheme: "chat-instructions",
},
- prompt: {
- baseUrl: "https://aka.ms/awesome-copilot/install/prompt",
- scheme: "chat-prompt",
+ instruction: {
+ baseUrl: "https://aka.ms/awesome-copilot/install/instructions",
+ scheme: "chat-instructions",
},
agent: {
baseUrl: "https://aka.ms/awesome-copilot/install/agent",
@@ -93,7 +93,7 @@ export async function copyToClipboard(text: string): Promise {
/**
* Generate VS Code install URL
- * @param type - Resource type (agent, prompt, instructions)
+ * @param type - Resource type (agent, instructions)
* @param filePath - Path to the file
* @param insiders - Whether to use VS Code Insiders
*/
@@ -227,12 +227,13 @@ export function truncate(text: string | undefined, maxLength: number): string {
*/
export function getResourceType(filePath: string): string {
if (filePath.endsWith(".agent.md")) return "agent";
- if (filePath.endsWith(".prompt.md")) return "prompt";
if (filePath.endsWith(".instructions.md")) return "instruction";
if (/(^|\/)skills\//.test(filePath) && filePath.endsWith("SKILL.md"))
return "skill";
if (/(^|\/)hooks\//.test(filePath) && filePath.endsWith("README.md"))
return "hook";
+ if (/(^|\/)workflows\//.test(filePath) && filePath.endsWith(".md"))
+ return "workflow";
// Check for plugin directories (e.g., plugins/, plugins//)
if (/(^|\/)plugins\/[^/]+\/?$/.test(filePath)) return "plugin";
// Check for plugin.json files (e.g., plugins//.github/plugin/plugin.json)
@@ -246,10 +247,10 @@ export function getResourceType(filePath: string): string {
export function formatResourceType(type: string): string {
const labels: Record = {
agent: "🤖 Agent",
- prompt: "🎯 Prompt",
instruction: "📋 Instruction",
skill: "⚡ Skill",
hook: "🪝 Hook",
+ workflow: "⚡ Workflow",
plugin: "🔌 Plugin",
};
return labels[type] || type;
@@ -261,10 +262,10 @@ export function formatResourceType(type: string): string {
export function getResourceIcon(type: string): string {
const icons: Record = {
agent: "🤖",
- prompt: "🎯",
instruction: "📋",
skill: "⚡",
hook: "🪝",
+ workflow: "⚡",
plugin: "🔌",
};
return icons[type] || "📄";
diff --git a/website/tsconfig.json b/website/tsconfig.json
new file mode 100644
index 000000000..d78f81ec4
--- /dev/null
+++ b/website/tsconfig.json
@@ -0,0 +1,3 @@
+{
+ "extends": "astro/tsconfigs/base"
+}
No prompts found
Try a different search term or adjust filters
-
- `).join('');
-
- // Add click handlers
- list.querySelectorAll('.resource-item').forEach(el => {
- el.addEventListener('click', () => {
- const path = (el as HTMLElement).dataset.path;
- if (path) openFileModal(path, resourceType);
- });
- });
-}
-
-export async function initPromptsPage(): Promise
-
- ${query ? search.highlight(item.title, query) : escapeHtml(item.title)}
- ${escapeHtml(item.description || 'No description')}
-
-
- ${getInstallDropdownHtml(resourceType, item.path, true)}
- ${getActionButtonsHtml(item.path, true)}
-
- GitHub
-
-
- Failed to load data
No workflows found
Try a different search term or adjust filters
+
+ `
+ )
+ .join("");
+
+ // Add click handlers for opening modal
+ list.querySelectorAll(".resource-item").forEach((el) => {
+ el.addEventListener("click", (e) => {
+ if ((e.target as HTMLElement).closest(".resource-actions")) return;
+ const path = (el as HTMLElement).dataset.path;
+ if (path) openFileModal(path, resourceType);
+ });
+ });
+}
+
+export async function initWorkflowsPage(): Promise
+
+ ${
+ query ? search.highlight(item.title, query) : escapeHtml(item.title)
+ }
+ ${escapeHtml(
+ item.description || "No description"
+ )}
+
+
+ ${getActionButtonsHtml(item.path)}
+ GitHub
+
+