table-builder

Skills are modular, reusable knowledge packages that extend Claude's capabilities with specialized expertise. Think of them as expert consultants that Claude can call upon when you need help with specific engineering tasks.

Learn more about Skills:

• 🌐 [Agent Skills Official Site](https://agentskills.io)
• 📚 [Skills Documentation](https://platform.claude.com/docs/en/agents-and-tools/agent-skills/overview)
• 🎓 [Getting Started Guide](https://agentskills.io/home#get-started)

Each skill in this collection contains:

• ✅ Production-ready code - Copy-paste implementations
• ✅ Best practices - Industry-proven patterns
• ✅ Configuration examples - Ready-to-use configs
• ✅ Testing strategies - Comprehensive test coverage
• ✅ Output checklists - Ensure nothing is missed

🔧 Foundation (23 skills)

Development Environment & Project Setup

• project-scaffolder - Generates complete project structure with TypeScript, testing, and CI/CD
• dependency-doctor - Manages package.json dependencies with security scanning and updates
• code-formatter-installer - Sets up ESLint, Prettier, and pre-commit hooks
• git-hygiene-enforcer - Enforces conventional commits and clean git practices
• dev-environment-bootstrapper - Docker Compose setup for local development
• dev-onboarding-builder - Creates comprehensive onboarding docs for new developers
• docs-starter-kit - Generates README, contributing guides, and API documentation
• changelog-writer - Automated changelog generation from git history
• repo-structure-linter - Validates project structure against best practices
• codebase-summarizer - Analyzes and documents existing codebases
• explaining-code - Generates clear explanations for complex code
• skill-creator - Generate new Claude Code skills from scratch
• conventional-commits - Enforce conventional commit message format
• monorepo-setup - Turborepo/Nx monorepo configuration
• eslint-prettier-config - ESLint and Prettier setup with custom rules
• typescript-strict-migrator - Migrate to strict TypeScript gradually
• hot-reload-optimizer - Optimize HMR for faster development
• vscode-workspace-setup - VS Code workspace configuration and extensions
• jsdoc-typescript-docs - JSDoc and TypeScript documentation
• mermaid-diagram-generator - Mermaid.js diagram generation
• pr-template-builder - PR template generation
• readme-generator - Comprehensive README documentation
• storybook-setup - Storybook component documentation

🎨 Frontend (19 skills)

React, UI Components & User Experience

• component-scaffold-generator - Creates React components with TypeScript and tests
• page-layout-builder - Responsive layouts with Tailwind CSS and CSS Grid
• form-wizard-builder - Complex forms with react-hook-form and Zod validation
• table-builder - Advanced data tables with TanStack Table (sorting, filtering, pagination)
• modal-drawer-system - Overlay components (modals, drawers, toasts, tooltips)
• animation-micro-interaction-pack - Smooth animations with Framer Motion
• i18n-frontend-implementer - Internationalization with i18next
• state-ux-flow-builder - State management and user flow optimization
• design-to-component-translator - Converts design mockups to React components
• frontend-refactor-planner - Refactors components for better patterns and performance
• tailwind-gradient-builder - Generate beautiful Tailwind CSS gradients
• dark-mode-implementer - Implement dark mode with CSS variables
• accessibility-auditor - WCAG accessibilit