create_challenge
Generate complete coding challenges with generated content, starter code, tests, and explanations for frontend development practice in JavaScript, TypeScript, HTML, and CSS.
Instructions
Create a complete coding challenge with all content generated by Claude and save it to FrontendLeap
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| description | Yes | Brief description of what the challenge teaches | |
| difficulty | Yes | Challenge difficulty level | |
| explanation | Yes | Detailed markdown explanation of the concept, including examples and learning objectives | |
| language | Yes | Programming language for the challenge | |
| solution | No | Optional markdown explanation of the solution approach and key concepts | |
| starter_code | Yes | The initial code template that users start with - should be relevant to the challenge | |
| test_code | Yes | JavaScript test code (using Jasmine) that validates the user's solution | |
| title | Yes | The challenge title (e.g., 'Advanced CSS Flexbox Centering Challenge') |
Input Schema (JSON Schema)
{
"properties": {
"description": {
"description": "Brief description of what the challenge teaches",
"type": "string"
},
"difficulty": {
"description": "Challenge difficulty level",
"enum": [
"beginner",
"intermediate",
"advanced"
],
"type": "string"
},
"explanation": {
"description": "Detailed markdown explanation of the concept, including examples and learning objectives",
"type": "string"
},
"language": {
"description": "Programming language for the challenge",
"enum": [
"javascript",
"html",
"css",
"typescript"
],
"type": "string"
},
"solution": {
"description": "Optional markdown explanation of the solution approach and key concepts",
"type": "string"
},
"starter_code": {
"description": "The initial code template that users start with - should be relevant to the challenge",
"type": "string"
},
"test_code": {
"description": "JavaScript test code (using Jasmine) that validates the user's solution",
"type": "string"
},
"title": {
"description": "The challenge title (e.g., 'Advanced CSS Flexbox Centering Challenge')",
"type": "string"
}
},
"required": [
"title",
"description",
"explanation",
"starter_code",
"test_code",
"language",
"difficulty"
],
"type": "object"
}