boilerplatelisted
Install: claude install-skill manastalukdar/ai-devstudio
# Framework Boilerplate Generator
I'll generate framework-specific boilerplate code following best practices and conventions for React, Vue, Next.js, Express, FastAPI, Django, and more.
Arguments: `$ARGUMENTS` - component/route/model name and type
**Supported Frameworks:**
- Frontend: React, Vue, Next.js, Angular, Svelte
- Backend: Express, Fastify, NestJS, FastAPI, Django
- Full-stack: Next.js, Remix, SvelteKit
## Token Optimization
This skill uses multiple optimization strategies to minimize token usage while maintaining comprehensive boilerplate generation:
### 1. Framework Detection Caching (400 token savings)
**Pattern:** Cache framework detection results to avoid repeated file system checks
```bash
# Cache file: .boilerplate-framework.cache
# Format: framework_name
# TTL: 24 hours (framework rarely changes)
if [ -f ".boilerplate-framework.cache" ] && [ $(($(date +%s) - $(stat -c %Y .boilerplate-framework.cache))) -lt 86400 ]; then
FRAMEWORK=$(cat .boilerplate-framework.cache)
# 20 tokens vs 420 tokens for full detection
else
FRAMEWORK=$(detect_framework) # Full detection (420 tokens)
echo "$FRAMEWORK" > .boilerplate-framework.cache
fi
```
**Savings:**
- Cached: ~20 tokens (read cache file)
- Uncached: ~420 tokens (package.json/requirements.txt checks, multiple Grep operations)
- **400 token savings (95%)** for subsequent runs
### 2. Template Library Approach (2,500 token savings)
**Pattern:** Use comprehensive pre-defined templates instead o