write-concept

Generate MDX documentation pages for JavaScript concepts with required frontmatter and structure.

66.5k|9.1k|Updated Sep 4, 2018
One-click install
npx skills add https://github.com/leonardomso/33-js-concepts --skill write-concept
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: write-concept
Source: https://github.com/leonardomso/33-js-concepts/tree/main/.opencode/skill/write-concept
Command: npx skills add https://github.com/leonardomso/33-js-concepts --skill write-concept

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams create and improve JavaScript concept documentation pages for the 33 JavaScript Concepts project, ensuring consistency, clarity, and accessibility across the concept library.

Core Features & Use Cases

  • Template compliance: Enforces the exact MDX structure and frontmatter required by the project.
  • Quality guidelines: Guides tone, examples, inline MDN links, and SEO-conscious phrasing for each concept.
  • Review & rewrite: Assists with rewriting existing pages for clarity, accuracy, and beginners-friendly language.
  • Use Case: When you need to add a new concept page like "Async/Await" or improve an existing page for better readability and consistency.

Quick Start

Provide a fully fleshed-out concept page for a given JavaScript topic, following the exact page structure and guidelines, including the proper frontmatter, hook, sections, code samples, and SEO-friendly metadata.

Frequently Asked Questions about write-concept

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an MDX documentation page for a JavaScript concept?

Generate an MDX JavaScript concept page by providing a topic to the Skill, which outputs a fully structured document with required frontmatter, hook, sections, code samples, and SEO-friendly metadata. It enforces strict template compliance for the 33 JavaScript Concepts project.

What is the required structure for 33 JavaScript Concepts MDX pages?

The required MDX page structure includes frontmatter fields like name, description, and SEO fields, plus a closing structure with a hook, sections, info boxes, inline MDN links, and Quick Start instructions. The Skill automatically validates and enforces these quality guidelines.

How do I rewrite an existing JavaScript documentation page for clarity?

Rewrite existing JavaScript documentation for clarity by applying the Skill's review functionality, which adjusts tone, examples, and inline MDN links to ensure content is accurate, accessible, and beginners-friendly. It aligns text with project quality guidelines.

Can I use this Skill to check if my JS concept docs meet SEO and quality guidelines?

Yes, you can use this Skill to check if JS concept docs meet SEO and quality guidelines by performing automated quality checks against defined frontmatter and content rules. It validates SEO-conscious phrasing, required metadata, and prescribed MDX structure to ensure consistency.

Do I need any specific dependencies to create JavaScript concept documentation?

No, you do not need specific dependencies to create JavaScript concept documentation, as the Skill operates independently without external requirements. It directly generates and validates MDX pages by applying the project's strict structure and quality guidelines internally.

Related Skills