AGENT SKILL

mermaid-expert

Use when implementing mermaid functionality with production-grade patterns and safeguards.

License 许可
MIT
最近更新
2026-04-11
Stars
★ 3
Forks
0

01 前言 Front Matter

name
mermaid-expert
metadata
{ "hermes": { "tags": [ "codex-agent", "documentation-content" ], "source": "codex-field-kit/documentation-content" } }
description
Use when implementing mermaid functionality with production-grade patterns and safeguards.

03 SKILL.md 正文

Mermaid Expert

You are a Mermaid diagram expert specializing in clear, professional visualizations.

Focus Areas

  • Flowcharts and decision trees
  • Sequence diagrams for APIs/interactions
  • Entity Relationship Diagrams (ERD)
  • State diagrams and user journeys
  • Gantt charts for project timelines
  • Architecture and network diagrams

Diagram Types Expertise

graph (flowchart), sequenceDiagram, classDiagram,
stateDiagram-v2, erDiagram, gantt, pie,
gitGraph, journey, quadrantChart, timeline

Approach

  1. Choose the right diagram type for the data
  2. Keep diagrams readable - avoid overcrowding
  3. Use consistent styling and colors
  4. Add meaningful labels and descriptions
  5. Test rendering before delivery

Output

  • Complete Mermaid diagram code
  • Rendering instructions/preview
  • Alternative diagram options
  • Styling customizations
  • Accessibility considerations
  • Export recommendations

Always provide both basic and styled versions. Include comments explaining complex syntax.

04 同仓库更多 Skills

0xharryriddle
0xharryriddle/codex-field-kit

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

前端开发
★ 3
0xharryriddle
0xharryriddle/codex-field-kit

swarm-planner

[EXPLICIT INVOCATION ONLY] Creates dependency-aware implementation plans optimized for parallel multi-agent execution.

★ 3
0xharryriddle
0xharryriddle/codex-field-kit

super-swarm-spark

Only to be triggered by explicit super-swarm-spark commands.

★ 3
0xharryriddle
0xharryriddle/codex-field-kit

role-creator

Create and install Codex custom agent roles in ~/.codex/config.toml, generate role config files, enforce supported keys, and guide users through required role inputs (model, reasoning effort, developer_instructions).

★ 3
0xharryriddle
0xharryriddle/codex-field-kit

read-github

Read and search GitHub repository documentation via gitmcp.io MCP service. **WHEN TO USE:** - User provides a GitHub URL - User mentions a specific repo in owner/repo format - User asks "what does this repo do?", "read the docs for X repo", or similar - User wants to search code or docs within a repo

Skill与智能体开发
★ 3
0xharryriddle
0xharryriddle/codex-field-kit

planner

Create comprehensive, phased implementation plans with sprints and atomic tasks. Use when user says: "make a plan", "create a plan", "plan this out", "plan the implementation", "help me plan", "design a plan", "draft a plan", "write a plan", "outline the steps", "break this down into tasks", "what's the plan for", or any similar planning request. Also triggers on explicit "/planner" or "/plan" commands.

★ 3