Frontend performance optimization. Use when: performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size.
From shipnpx claudepluginhub thkt/dotclaude --plugin toolkitThis skill is limited to using the following tools:
references/bundle-optimization.mdreferences/react-optimization.mdreferences/web-vitals.mdscripts/validate-template.shscripts/validate.shProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Calculates TAM/SAM/SOM using top-down, bottom-up, and value theory methodologies for market sizing, revenue estimation, and startup validation.
| Metric | Target | Measure |
|---|---|---|
| LCP | <2.5s | Largest Contentful Paint |
| FID | <100ms | First Input Delay |
| CLS | <0.1 | Cumulative Layout Shift |
| Topic | File |
|---|---|
| Vitals | ${CLAUDE_SKILL_DIR}/references/web-vitals.md |
| React | ${CLAUDE_SKILL_DIR}/references/react-optimization.md |
| Bundle | ${CLAUDE_SKILL_DIR}/references/bundle-optimization.md |