Skill Resources

Skills include bundled resources — templates, scripts, checklists, and references — to accelerate your workflow.

Resource Types

1. Templates

Pre-built code scaffolding you can customize.

Examples:

Config files — tsconfig.json, docker-compose.yml, .env.example
Boilerplate code — Starter projects, common patterns
Document templates — README structures, API doc formats

How to use:

Download the template
Replace placeholder values
Customize for your needs

2. Scripts

Automation helpers that save time.

Examples:

Setup scripts — Install dependencies, configure environment
Build scripts — Generate files, run tasks
Deployment scripts — Deploy to hosting platforms

How to use:

bash

# Make script executable
chmod +x script.sh

# Run the script
./script.sh

3. Checklists

Validation criteria for each workflow phase.

Examples:

Pre-deployment checklist — Security, performance, tests
Code review checklist — Standards, patterns, documentation
Quality assurance checklist — Browser support, accessibility

How to use:

Print or keep open in a separate window
Check off items as you complete them
Don't skip steps — every item is there for a reason

4. References

Curated links to documentation and best practices.

Examples:

Official docs — Framework documentation, API references
Tutorials — Step-by-step guides, video courses
Articles — Best practices, design patterns, case studies
Tools — Recommended utilities, libraries, services

How to use:

Review references before starting the Skill
Bookmark key resources for quick access
Refer back when you get stuck

Accessing Resources

Via Web UI

Open a Skill page (e.g., Skills)
Scroll to "Resources" section
Download templates and scripts
Click links to references

Via CLI

Sync Skills locally to get all resources:

bash

heroprompt sync sync-skill mcp-server-builder

Resources are saved in ~/.heroprompt/skills/{skill-id}/resources/:

text

~/.heroprompt/skills/mcp-server-builder/
├── skill.json
├── steps/
│   └── ...
└── resources/
    ├── templates/
    │   ├── server-template.ts
    │   ├── docker-compose.yml
    │   └── tsconfig.json
    ├── scripts/
    │   ├── setup.sh
    │   └── deploy.sh
    ├── checklists/
    │   └── pre-deployment.md
    └── references.md

Resource Examples

MCP Server Builder Skill

Templates:

server-template.ts — Base MCP server implementation
tool-template.ts — Tool definition scaffold
docker-compose.yml — Containerization setup
package.json — npm dependencies

Scripts:

setup.sh — Initialize project, install dependencies
test.sh — Run test suite
deploy.sh — Deploy to production

Checklists:

Pre-deployment checklist (10 items)
Security audit checklist (8 items)
Performance checklist (6 items)

References:

React Design System Skill

Templates:

Component template with TypeScript + tests
Storybook story template
Theme configuration file
Component documentation template

Scripts:

generate-component.sh — Scaffold new components
build-icons.sh — Generate icon components from SVGs
audit-a11y.sh — Run accessibility checks

Checklists:

Component completion checklist
Accessibility review (WCAG 2.1 AA)
Browser compatibility matrix

References:

Customizing Resources

All templates and scripts are starting points — customize them for your project:

Config Files

json

// Template tsconfig.json
{
  "compilerOptions": {
    "target": "ES2022",
    "module": "ESNext"
  }
}

// Your customized version
{
  "compilerOptions": {
    "target": "ES2022",
    "module": "ESNext",
    "paths": {
      "@/*": ["./src/*"]  // Added path mapping
    }
  }
}

Scripts

bash

# Template script
npm install

# Your version — add specific packages
npm install
npm install --save-dev @types/node

Best Practices

Review before using — Understand what templates/scripts do
Version control — Commit customized resources to git
Document changes — Note why you deviated from template
Test scripts — Run in a safe environment first
Keep references updated — Docs evolve, check for new versions

Resource Updates

Skills are versioned. When a Skill updates:

Web UI — Shows "Updated" badge
CLI — Run heroprompt sync sync-skill {id} --force to redownload

Check the changelog to see what changed in the resources.

Contributing Resources

Found a useful template or script? Contribute back:

Open an issue at GitHub
Submit a pull request with your resource
Share your customizations with the community

Next Steps

Browse all Skills and explore their resources
Install the CLI to sync Skills locally
Understand workflows to use resources effectively