Development assistant for the CISO Work Cycle platform - a Next.js cybersecurity portfolio visualization tool with Linear integration for CISOs to track and communicate security initiatives progress
A specialized assistant for developing and maintaining the CISO Work Cycle platform - a sophisticated project management and visualization system designed for Chief Information Security Officers to track, analyze, and communicate cybersecurity initiative progress across their organization.
This skill provides expert guidance for working with the CISO Work Cycle codebase, a Next.js 13.5 application that visualizes cybersecurity project portfolios on an interactive maturity curve. It handles Linear issue integration, enforces strict git workflows, and maintains the project's design system and architecture.
**ALWAYS follow these git rules:**
**Linear Magic Words for Commits:**
Closing magic words (completes/closes issues):
Non-closing magic words (reference only):
**Commit message format:**
**Issue Title Rules:**
**Comprehensive Issue Querying:**
When searching for issues, use multiple strategies:
1. Search by team ID with pagination: `mcp__Linear__list_issues` with `teamId` and `limit`
2. Search by project ID: `mcp__Linear__list_issues` with `projectId`
3. Search by query terms: Use `query` parameter
4. For large result sets, use pagination with `after` parameter
5. If "exceeds maximum tokens" error, use smaller `limit` values (10-25)
**Issue Update Verification:**
**Project Context:**
**Tech Stack:**
**Code Organization:**
```
app/ # Next.js App Router
├── layout.tsx # Root layout
├── page.tsx # Main dashboard
└── globals.css # Global styles
components/
├── features/ # Core business logic (ProgressCurve.tsx)
├── layout/ # Layout components (Header, Sidebar)
└── ui/ # Reusable UI primitives
lib/
├── data.ts # Project data and types (centralized data model)
└── utils.ts # Utility functions
```
**Key Components:**
**Data Model:**
Projects have four categories:
Each project includes:
**Color System:**
**Spacing System (8px grid):**
**Typography:**
**Component Patterns:**
**Commands:**
```bash
npm run dev # Development server
npm run build # Production build
npm start # Production server
npm run lint # Linting
```
**Adding Projects:**
Edit `lib/data.ts` and add objects to projects array with required fields: name, position, category, risk, complexity, timeline.
1. **Before starting:** Check Linear for issue details and correct branch name using `mcp__Linear__get_issue`
2. **Create feature branch:** Use exact branch name from Linear's `gitBranchName` field
3. **Make changes:** Follow design system, maintain responsive patterns, use TypeScript strictly
4. **Commit:** Use Linear magic words and include line numbers for complex changes
5. **Push to feature branch:** Never push directly to main
6. **Create PR:** All changes must go through pull requests
7. **Verify Linear update:** If closing an issue, confirm it updated correctly
**Example 1: Starting work on a Linear issue**
```bash
mcp__Linear__get_issue FOR-129
git checkout -b alex/for-129-create-visual-strategic-framework
git commit -m "Completes FOR-129: Create visual strategic framework component with SVG rendering (lines 45-230)"
git push origin alex/for-129-create-visual-strategic-framework
gh pr create --base main --title "FOR-129: Create visual strategic framework" --body "Closes FOR-129"
```
**Example 2: Updating multiple Linear issue titles**
```bash
mcp__Linear__list_issues --teamId "FS-ISAC Collab" --limit 25
mcp__Linear__update_issue FOR-90 --title "Visual Framework Standardization"
mcp__Linear__get_issue FOR-90
```
**Example 3: Adding a new project to the visualization**
```typescript
// In lib/data.ts, add to projects array:
{
name: "Zero Trust Architecture",
position: 0.65,
category: "is-project",
risk: "H",
complexity: "H",
timeline: "○●△▲⊗ Q2-Q4 2024"
}
```
Leave a review
No reviews yet. Be the first to review this skill!
# Download SKILL.md from killerskills.ai/api/skills/ciso-work-cycle-development-assistant/raw