{"id":49199358,"url":"https://github.com/piyush8296/claude-workspace","last_synced_at":"2026-04-23T13:00:45.982Z","repository":{"id":353308193,"uuid":"1218847014","full_name":"Piyush8296/claude-workspace","owner":"Piyush8296","description":"🧠 Production-ready Claude Code workspace — 13 skills, 8 agents, 11 slash commands \u0026 10 hooks for React/TypeScript frontend teams. One-command install.","archived":false,"fork":false,"pushed_at":"2026-04-23T11:19:47.000Z","size":56,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-23T11:29:33.439Z","etag":null,"topics":["ai","ai-tools","anthropic","claude","claude-code","code-quality","developer-tools","frontend","llm","mcp","productivity","prompt-engineering","react","typescript"],"latest_commit_sha":null,"homepage":"https://www.linkedin.com/in/piyush-sde","language":"Shell","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Piyush8296.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-23T09:18:15.000Z","updated_at":"2026-04-23T11:20:54.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/Piyush8296/claude-workspace","commit_stats":null,"previous_names":["piyush8296/claude-workspace"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Piyush8296/claude-workspace","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Piyush8296%2Fclaude-workspace","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Piyush8296%2Fclaude-workspace/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Piyush8296%2Fclaude-workspace/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Piyush8296%2Fclaude-workspace/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Piyush8296","download_url":"https://codeload.github.com/Piyush8296/claude-workspace/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Piyush8296%2Fclaude-workspace/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32181374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-23T11:42:27.955Z","status":"ssl_error","status_checked_at":"2026-04-23T11:42:18.877Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","ai-tools","anthropic","claude","claude-code","code-quality","developer-tools","frontend","llm","mcp","productivity","prompt-engineering","react","typescript"],"created_at":"2026-04-23T13:00:34.318Z","updated_at":"2026-04-23T13:00:45.973Z","avatar_url":"https://github.com/Piyush8296.png","language":"Shell","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Claude Workspace — Frontend Engineering Configuration\n\nProduction-grade Claude Code workspace for frontend teams. Drop into any React/TypeScript project — get expert-level AI pair programming with enforced standards, automated quality gates, and domain-specific knowledge.\n\n## Architecture\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/architecture.svg\" alt=\"Claude Workspace Architecture\" width=\"720\" /\u003e\n\u003c/p\u003e\n\n## Why Claude Workspace?\n\nMost developers copy-paste prompts. This repo gives you a **version-controlled, team-shareable Claude Code configuration** with:\n- 🎯 13 domain-specific skills (React, TypeScript, a11y, SEO, Core Web Vitals)\n- 🤖 8 autonomous agents with auto-invocation rules\n- ⚡ 11 slash commands for full ticket-to-PR workflows\n- 🔒 10 hooks for deterministic quality gates\n- 📦 One-command install into any project\n\n\u003e Works with [Claude Code](https://claude.ai/code) — Anthropic's agentic CLI.\n\n## Quick Install\n\n```bash\n# One-command install into your project\ncurl -fsSL https://raw.githubusercontent.com/Piyush8296/claude-workspace/main/install.sh | bash -s -- /path/to/your/project\n\n# Or manual copy\ngit clone https://github.com/Piyush8296/claude-workspace.git /tmp/cw\ncp -r /tmp/cw/.claude /tmp/cw/CLAUDE.md /tmp/cw/.mcp.json your-project/\n```\n\nThen edit `CLAUDE.md` to match your stack and run `claude`.\n\n## What's Inside\n\n```\nclaude-workspace/\n├── CLAUDE.md                                  # Project memory (~55 lines, lean)\n├── install.sh                                 # One-command installer\n├── .claude/\n│   ├── settings.json                          # Permissions, 10 hooks, env\n│   ├── agents/ (8)\n│   │   ├── code-reviewer.md                   # Auto-invoked after code changes\n│   │   ├── performance-auditor.md             # Core Web Vitals \u0026 bundles\n│   │   ├── accessibility-auditor.md           # WCAG 2.1 AA compliance\n│   │   ├── refactor-planner.md                # Safe incremental migration\n│   │   ├── doc-generator.md                   # Auto-writes JSDoc (background)\n│   │   ├── architecture-reviewer.md           # Module boundaries (background)\n│   │   ├── test-writer.md                     # Writes tests (background)\n│   │   └── orchestrator.md                    # Unified health report (Opus)\n│   ├── commands/ (11)\n│   │   ├── code-quality.md                    # /code-quality \u003cpath\u003e\n│   │   ├── component-gen.md                   # /component-gen \u003cName\u003e\n│   │   ├── pr-review.md                       # /pr-review\n│   │   ├── ticket.md                          # /ticket \u003cPROJ-123\u003e\n│   │   ├── migrate.md                         # /migrate \u003cfrom\u003e \u003cto\u003e\n│   │   ├── onboard.md                         # /onboard\n│   │   ├── tdd.md                             # /tdd \u003cfeature\u003e\n│   │   ├── build-fix.md                       # /build-fix\n│   │   ├── e2e.md                             # /e2e \u003cuser-flow\u003e\n│   │   ├── lighthouse.md                      # /lighthouse [url]\n│   │   └── perf-audit.md                      # /perf-audit [focus]\n│   ├── rules/ (4)\n│   │   ├── typescript.md                      # *.ts, *.tsx\n│   │   ├── styling.md                         # *.css, tailwind.config.*\n│   │   ├── testing.md                         # *.test.*, *.spec.*\n│   │   └── documentation.md                   # *.md, *.mdx\n│   ├── skills/ (13)\n│   │   ├── react-patterns/SKILL.md            # Component architecture\n│   │   ├── state-management/SKILL.md          # TanStack Query, Zustand, URL state\n│   │   ├── testing-strategy/SKILL.md          # TDD, factories, mocking\n│   │   ├── css-architecture/SKILL.md          # Tailwind, tokens, responsive\n│   │   ├── performance-optimization/SKILL.md  # Bundles, splitting, virtualization\n│   │   ├── accessibility/SKILL.md             # WCAG, ARIA, keyboard, focus\n│   │   ├── systematic-debugging/SKILL.md      # 4-phase root cause analysis\n│   │   ├── frontend-design/SKILL.md           # Aesthetics, typography, interactions\n│   │   ├── design-intelligence/SKILL.md       # Claude Design + Google Stitch\n│   │   ├── security-audit/SKILL.md            # XSS, CSP, secrets, auth, deps\n│   │   ├── seo-fundamentals/SKILL.md          # Meta tags, OG, SSR, crawlability\n│   │   ├── structured-data/SKILL.md           # JSON-LD schemas, GEO/AEO\n│   │   └── core-web-vitals/SKILL.md           # LCP, INP, CLS fix recipes\n│   └── hooks/scripts/\n│       └── screenshot.sh                      # UI screenshot capture\n├── .mcp.json                                  # MCP server config\n└── .gitignore\n```\n\n## Skills (13)\n\n| Skill | What It Covers |\n|-------|----------------|\n| `react-patterns` | Component architecture, composition, state handling order |\n| `state-management` | TanStack Query, Zustand, URL state, decision framework |\n| `testing-strategy` | TDD, factory pattern, mocking, coverage targets |\n| `css-architecture` | Tailwind patterns, design tokens, responsive, z-index |\n| `performance-optimization` | Bundle splitting, lazy loading, virtualization |\n| `accessibility` | WCAG 2.1 AA, ARIA, keyboard nav, focus management |\n| `systematic-debugging` | 4-phase root cause analysis |\n| `frontend-design` | Bold aesthetics, typography, micro-interactions |\n| `design-intelligence` | Claude Design + Google Stitch workflows |\n| `security-audit` | XSS, CSP, secrets, auth patterns, dependency vulns |\n| `seo-fundamentals` | Meta tags, OG/Twitter cards, SSR vs CSR, crawlability |\n| `structured-data` | JSON-LD schemas (Product, Article, FAQ, Breadcrumb), GEO/AEO |\n| `core-web-vitals` | LCP, INP, CLS — diagnosis + specific React/Next.js fix recipes |\n\n## Agents (8)\n\n| Agent | Model | Trigger |\n|-------|-------|---------|\n| `code-reviewer` | Sonnet | Proactively after any code change |\n| `performance-auditor` | Sonnet | Performance complaints or pre-launch |\n| `accessibility-auditor` | Sonnet | UI work or a11y issues reported |\n| `refactor-planner` | Sonnet | Before restructuring or migration |\n| `doc-generator` | Haiku | After code changes (background) |\n| `architecture-reviewer` | Sonnet | Adding modules or restructuring (background) |\n| `test-writer` | Sonnet | After features or bug fixes (background) |\n| `orchestrator` | Opus | Full project health check on demand |\n\n## Commands (11)\n\n| Command | What it does |\n|---------|-------|\n| `/code-quality \u003cpath\u003e` | Lint + typecheck + manual review |\n| `/component-gen \u003cName\u003e` | Scaffold component + test + barrel |\n| `/pr-review` | Review current branch changes |\n| `/ticket \u003cID\u003e` | Full ticket-to-PR workflow |\n| `/migrate \u003cfrom\u003e \u003cto\u003e` | Guided migration with safety checks |\n| `/onboard` | Explore and document the codebase |\n| `/tdd \u003cfeature\u003e` | Red-green-refactor TDD cycle |\n| `/build-fix` | Auto-diagnose and fix build errors |\n| `/e2e \u003cflow\u003e` | Generate Playwright E2E tests |\n| `/lighthouse [url]` | Run Lighthouse audit, parse scores, generate fix list |\n| `/perf-audit [focus]` | Bundle analysis, dep weight, images, fonts, third-party |\n\n## Hooks (10)\n\n| Hook | Event | What It Does |\n|------|-------|--------------|\n| Branch guard | PreToolUse | Blocks edits on `main` |\n| File protection | PreToolUse | Blocks `.env`, production configs, secrets |\n| Prettier | PostToolUse | Auto-formats JS/TS/JSX/TSX |\n| TypeScript check | PostToolUse | `tsc --noEmit` on TS changes |\n| Test runner | PostToolUse | Runs related tests |\n| Dep installer | PostToolUse | Auto-install on `package.json` change |\n| Auto-commit | PostToolUse | Stages + commits every edit |\n| UI screenshot | PostToolUse | Captures app on UI file changes |\n| Notification | Stop | macOS notification when done |\n| Vercel preview | Stop | Deploy preview after clean build |\n\n## Design Tools\n\n- **[Claude Design](https://support.claude.com/en/articles/14604416-get-started-with-claude-design)** — Visual prototyping from conversation, exports to React\n- **[Google Stitch](https://stitch.withgoogle.com/)** — Free multi-screen UI generation, exports to Tailwind/Vue/Flutter/SwiftUI\n\n## Extending\n\n- Add skills: `.claude/skills/\u003cname\u003e/SKILL.md`\n- Add agents: `.claude/agents/\u003cname\u003e.md`\n- Add rules: `.claude/rules/\u003cname\u003e.md` (with `paths:` frontmatter)\n- Add commands: `.claude/commands/\u003cname\u003e.md`\n- Update `CLAUDE.md` Quick Facts for your stack\n\n## Philosophy\n\n- **Lean CLAUDE.md** — under 60 lines; detail lives in skills and rules\n- **Progressive disclosure** — Claude loads only what the task needs\n- **Deterministic gates** — hooks enforce formatting and checks regardless of model\n- **Composable** — skills cross-reference, agents delegate, commands orchestrate\n\n---\n\u003c!-- Keywords: claude code configuration, anthropic claude workspace, claude system prompt, MCP tools, react typescript AI pair programming, claude agents, claude skills, frontend AI tooling, claude dotfiles --\u003e\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpiyush8296%2Fclaude-workspace","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpiyush8296%2Fclaude-workspace","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpiyush8296%2Fclaude-workspace/lists"}