# Managing Views > Creates, lists, deletes, and regenerates custom task visualizations. Triggers on: "create view", "custom view", "make a dashboard", "view of", "delete view", "list views", "regenerate view", "my view", "ビュー作成", "カスタムビュー", "ダッシュボード作成". - Skill: `kazukinagata/managing-views` (Agent Skill) - Install (CLI): `npx skillmds@latest add kazukinagata/managing-views` - Raw SKILL.md: https://api.skillmd.com/api/skills/kazukinagata/managing-views/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Productivity - Author: kazukinagata (https://skillmd.com/u/kazukinagata) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/kazukinagata/managing-views --- # Agentic Tasks — Custom View Management You manage custom task visualizations that users can create via natural language. ## Provider Detection (once per session) Load `${CLAUDE_PLUGIN_ROOT}/skills/detecting-provider/SKILL.md` and follow its instructions to determine `active_provider`. Skip if already determined in this conversation. ## Directory Setup Custom views are stored outside the plugin directory so they survive updates: ```bash mkdir -p ~/.agentic-tasks/views ``` ## Operations ### Create When the user asks to create a custom view (e.g., "create a view showing blocked tasks by assignee", "make a dashboard for team progress"): 1. Derive a slug from the user's description (e.g., "team progress dashboard" -> `team-progress-dashboard`) 2. Generate a standalone HTML file using the **Reference Template** below 3. Write it to `~/.agentic-tasks/views/.html` 4. Confirm creation and provide the URL: `http://localhost:3456/custom/.html` 5. Open the view in the browser using platform detection (see viewing-tasks skill) ### List When the user asks to list custom views: ```bash ls ~/.agentic-tasks/views/*.html 2>/dev/null ``` Or use the API: `curl -s http://localhost:3456/api/views | jq` ### Delete When the user asks to delete a custom view: ```bash rm ~/.agentic-tasks/views/.html ``` Confirm deletion with the user before removing. ### Regenerate When the user asks to regenerate or update a custom view: 1. Read the existing file to understand what it does 2. Generate a new version incorporating the user's feedback 3. Overwrite the file at `~/.agentic-tasks/views/.html` 4. The view will update on next browser refresh ## Reference Template When generating a custom view HTML file, use this skeleton. Fill in the visualization logic based on the user's request. ```html VIEW_NAME_HERE — Agentic Tasks

← Views

VIEW_NAME_HERE

Connecting...

Loading tasks...

``` ## Task Data Shape Each task object in the `tasks` array has these fields: ```typescript interface Task { id: string; title: string; description: string; acceptanceCriteria: string; status: "Backlog" | "Ready" | "In Progress" | "In Review" | "Done" | "Blocked"; blockedBy: string[]; priority: "Urgent" | "High" | "Medium" | "Low"; executor: string; // "claude-code" | "cowork" | "human" | custom requiresReview: boolean; executionPlan: string; workingDirectory: string; sessionReference: string; dispatchedAt: string | null; agentOutput: string; errorMessage: string; context: string; artifacts: string; repository: string | null; dueDate: string | null; tags: string[]; parentTaskId: string | null; project: string | null; team: string | null; assignees: { id: string; name: string }[]; url: string; } ``` ## Naming Convention Derive slugs from the user's description: - "team progress dashboard" -> `team-progress-dashboard` - "blocked tasks by assignee" -> `blocked-tasks-by-assignee` - "priority heatmap" -> `priority-heatmap` Use lowercase, hyphens for spaces, remove special characters. ## Design Guidelines - Match the existing dark theme (black background, glass-morphism surfaces) - Use the design system colors defined in the Tailwind config above - Keep the header consistent with back link to `/selector.html` - Include SSE status indicator - Make visualizations interactive where possible (hover states, click-to-copy) - Ensure the view is responsive