How the Create Template Command Works

Create Template Command

The create-template command generates a complete Devsync template structure that you can customize for your portfolio or distribute to others.

• Directory.agents

  • Directoryskills

    • Directorydevsync-portfolio

      • SKILL.md
• Directory.github

  • Directoryworkflows

    • update-on-devsync-change.yml
• Directorypublic

  • poster-dark-mode.webp
  • poster-light-mode.webp
• Directorysrc

  • Directorydevsync

    • devsync-validator.ts
    • devsync.ts
    • fields-translations.ts
• DEVSYNC.json
• package.json

File Usage

• .agents/skills/devsync-portfolio/: Agent skill that helps AI understand how to operate the template and build portfolios from prompts.
• .github/workflows/update-on-devsync-change.yml: GitHub Action that automatically updates your portfolio files whenever DEVSYNC.json is modified.
• src/devsync/devsync-validator.ts: Zod validator for the DEVSYNC.json file.
• src/devsync/devsync.ts: Wrapper that simplifies using Devsync files within your project.
• src/devsync/fields-translations.ts: Translation file for localized content.
• public/poster-[theme]-mode.webp: Preview images used to display your portfolio on the Devsync website.

Tip

You don’t need to create all these files manually. Run bunx @jannael/devsync create-template to generate the complete structure.