{"id":"cf679699-4091-49d8-8a10-77ba7a461b1c","slug":"templateclaw","kind":"skill","name":"templateclaw","summary":"32 production-ready templates as Claude Code skills. Type /templateclaw to scaffold any project. Landing pages, dashboards, UI components, project setup, dev methodology.","owner":"jeromwolf","repoUrl":"https://github.com/jeromwolf/templateclaw","license":"MIT","licenseTier":"permissive","trust":"community","stars":3,"match":null,"fewStars":true,"format":"skill","createdAt":"2026-03-28T04:10:49.000Z","addedAt":"2026-10-14T06:14:34.599Z","logoUrl":"https://avatars.githubusercontent.com/u/20415489?u=c6ce8d4fea1447b8f8b5d22e67f1c5fbd3200ef0&v=4","linkOnly":false,"collection":null,"skillPath":null,"categories":["developer-tools","design-media","data-analytics"],"tags":["claude-code","dashboard","design","developer-experience","developer-tools","glassmorphism","landing-page","productivity"],"runtime":"binary","local":true,"cloudCapable":false,"cloudCapability":"unknown","cloudReadyOnPlatform":false,"needsApiKey":false,"reviewed":false,"syncedAt":"2026-10-14T10:41:29.666Z","sample":false,"url":"https://conduits.dev/tools/templateclaw","language":"HTML","transports":["stdio"],"install":{},"requirements":{"env":[],"upstreamMayCharge":false},"tools":null,"readme":"

\n \"32\n \"7\n \"Free\"\n \"MIT\"\n

\n\n

TemplateClaw

\n\n

\n 32 production-ready templates as Claude Code skills.
\n Type a slash command. Get a complete landing page, dashboard, or project setup.
\n No npm install. No build step. Just /templateclaw.\n

\n\n

\n Browse Templates ·\n Install ·\n Skills ·\n Agent API\n

\n\n---\n\n## Why TemplateClaw?\n\nEvery new project starts the same way: you need a landing page, a dashboard, a README, CI/CD config, and you spend hours googling and copy-pasting.\n\n**TemplateClaw turns that into a single command.**\n\n| Without TemplateClaw | With TemplateClaw |\n|---------------------|-------------------|\n| Google \"modern landing page template 2026\" | `/templateclaw-landing saas` |\n| Search \"admin dashboard glassmorphism\" | `/templateclaw-dashboard admin` |\n| Copy README from another project and edit | `/templateclaw-setup readme` |\n| Write CI/CD from scratch every time | `/templateclaw-dev cicd` |\n| Look up TDD best practices again | `/templateclaw-dev tdd` |\n\n---\n\n## Install\n\n### As a Claude Code Plugin (recommended)\n\n```bash\n# Add the marketplace\n/plugin marketplace add jeromwolf/templateclaw\n\n# Install\n/plugin install templateclaw\n```\n\nThat's it. 7 new slash commands are now available in your Claude Code session.\n\n### Manual (copy skills to your project)\n\n```bash\ngit clone https://github.com/jeromwolf/templateclaw.git\ncp -r templateclaw/skills/ .claude/skills/\n```\n\n### CLI (no Claude Code needed)\n\n```bash\ncurl -fsSL https://jeromwolf.github.io/templateclaw/install.sh | bash\ntemplateclaw list\ntemplateclaw get saas-landing\n```\n\n---\n\n## Skills\n\n| Skill | What it does | Example |\n|-------|-------------|---------|\n| `/templateclaw` | Interactive project scaffolding | `/templateclaw \"SaaS with auth\"` |\n| `/templateclaw-landing` | Generate landing pages (5 styles) | `/templateclaw-landing portfolio` |\n| `/templateclaw-dashboard` | Generate dashboards (4 styles) | `/templateclaw-dashboard analytics` |\n| `/templateclaw-ui` | Generate UI components (8 types) | `/templateclaw-ui cards,forms,nav` |\n| `/templateclaw-setup` | Project setup files | `/templateclaw-setup all` |\n| `/templateclaw-dev` | Dev methodology guides | `/templateclaw-dev tdd` |\n| `/templateclaw-refactor` | Refactoring checklists | `/templateclaw-refactor security` |\n\n### Quick Examples\n\n**Scaffold a complete SaaS project:**\n```\n/templateclaw \"Build a SaaS analytics dashboard with landing page\"\n```\nClaude generates: landing page + dashboard + README + CLAUDE.md + Docker Compose + CI/CD pipeline.\n\n**Generate a landing page:**\n```\n/templateclaw-landing saas\n```\nOutput: A complete, responsive HTML page with glassmorphism design, hero section, pricing table, and CTA — ready to deploy.\n\n**Set up a new project:**\n```\n/templateclaw-setup all\n```\nOutput: README.md, CLAUDE.md, AGENTS.md, .env.example, docker-compose.yml — customized to your tech stack.\n\n---\n\n## Templates\n\n32 templates across 6 categories, all following 2026 design trends:\n\n| Category | Count | Includes |\n|----------|-------|----------|\n| **Landing Pages** | 5 | SaaS, Portfolio, Product, Startup, App |\n| **Dashboard** | 4 | Admin, Analytics, Monitoring, CRM |\n| **UI Components** | 8 | Cards, Forms, Nav, Modal, Table, Hero, Footer, Pricing |\n| **Dev Methodology** | 5 | TDD, CI/CD, Code Review, Git Workflow, API Design |\n| **Project Setup** | 7 | README, CLAUDE.md, AGENTS.md, .env, Docker, Agent Guide, Contributing |\n| **Refactoring** | 3 | Performance, Security Audit, DB Migration |\n\n### Design\n\n- **Theme**: Dark (#0A0E1A) + Violet (#7C3AED) + Pink (#EC4899) gradients\n- **Effects**: Glassmorphism, aurora animations, hover micro-interactions\n- **Framework**: Tailwind CSS (CDN, no build step)\n- **Responsive**: Mobile-first, 3→2→1 column grid\n- **Accessible**: Semantic HTML, ARIA labels, keyboard navigation\n\nBrowse all templates with live previews: **[jeromwolf.github.io/templateclaw](https://jeromwolf.github.io/templateclaw/)**\n\n---\n\n## Agent API\n\nTemplateClaw is **AI Agent native**. Any AI coding assistant can use our templates programmatically.\n\n### Endpoints\n\n| Endpoint | Description |\n|----------|-------------|\n| [`/api.json`](https://jeromwolf.github.io/templateclaw/api.json) | Lightweight catalog (metadata only) |\n| [`/api-full.json`](https://jeromwolf.github.io/templateclaw/api-full.json) | Full catalog with template content |\n| [`/templates/{name}.md`](https://jeromwolf.github.io/templateclaw/templates/) | Individual template files |\n\n### Use in CLAUDE.md\n\nAdd this to any project's `CLAUDE.md` to give your AI agent access:\n\n```markdown\n## Templates\nWhen creating UI components or project files, fetch templates from TemplateClaw:\n- API: https://jeromwolf.github.io/templateclaw/api.json\n- Get template: https://jeromwolf.github.io/templateclaw/templates/{filename}\n```\n\n### Cross-Tool Compatibility\n\nTemplateClaw skills follow the [Agent Skills open standard](https://agentskills.io), compatible with:\n- Claude Code\n- OpenAI Codex\n- Gemini CLI\n- Cursor\n- Any tool supporting the Agent Skills spec\n\n---\n\n## Auto-Update Pipeline\n\nTemplateClaw automatically evolves:\n\n```\nWeekly: Scan design/dev trends (DuckDuckGo)\n → Claude Haiku analyzes trends\n → Generates 3 new templates\n → Rebuilds site\n → Deploys to GitHub Pages\n → Telegram notification\n```\n\nNew templates appear automatically. No manual updates needed.\n\n---\n\n## Contributing\n\nWe welcome contributions! See [CONTRIBUTING.md](CONTRIBUTING.md) for details.\n\n**Quick start:**\n1. Fork this repo\n2. Add a template to `templates/your-template.md` following the [template format](CONTRIBUTING.md#template-format)\n3. Open a PR\n\n**Good first issues:** Check the [Issues](https://github.com/jeromwolf/templateclaw/issues) tab.\n\n---\n\n## License\n\nMIT — use these templates in any project, commercial or personal.\n\n---\n\n

\n Built with the automated pipeline from flux-openclaw\n

\n"}