-
Create a project.json file
Each project must include aproject.jsonfile in the root directory with this schema:{ "id": number, "title": "string - Project name", "description": "string - 2-3 sentences explaining what learners will build", "short_description": "string - 1 sentence hook", "categories": "string - comma-separated tags (e.g., 'Web, Interactive')", "cover_url": "string - URL to project cover image", "readme": "string - Full markdown content for the project", "ides": "string - target IDE: 'cursor', 'windusrf', or 'junie'" } -
Follow Project Stage Structure
Each project should have several stages:- First stage: Explanatory introduction that explains what we'll learn and build
- Middle stages: Step-by-step implementation phases
- Final stage: Conclusion with further exploration ideas, next steps, and additional resources
Reference our cursor rules directory for established content standards and best practices. Cursor IDE users can apply these rules directly, while users of other IDEs should adapt the guidelines to their development environment.
-
Write Clear Instructions
Provide step-by-step instructions with explanations of what each step accomplishes. -
Keep Content Focused
Each project should accomplish a specific learning goal without unnecessary complexity. -
Use Structured Markup
- Follow markdown rules and project structure
- Use
<callout>blocks for AI assistant interactions - Structure content with proper headings and sections
-
HTML-Based Lessons
Our interactive lessons are HTML pages that work as plugins in IDEs. Focus on creating engaging, interactive HTML content for learners.
-
Prepare Your Contribution
- Ensure your
project.jsonis complete and follows the schema - Test all examples and instructions work as intended
- Verify formatting using the preview server
- Ensure your
-
Submit Your Work
- Open a pull request with your changes
- Include project metadata in the PR description
- Briefly explain what learners will gain from your project
Structure your contributions to help learners:
- Understand practical AI-assisted development workflows
- Learn through hands-on, interactive HTML-based lessons
- Build real-world projects with step-by-step guidance
- Develop problem-solving skills with AI tools