Daniel Avila ccec4021ab Add React Best Practices Skill blog article and cover image (#300) ...

* feat: Add React Best Practices Skill blog article

Created comprehensive blog article for the React Best Practices skill:
- Added react-best-practices-skill/index.html with full content
- Created SVG cover image for the blog article
- Updated blog-articles.json with new entry
- Article covers 40+ performance optimization rules
- Includes installation guide, usage examples, and optimization categories
- Added Spanish call-to-action linking to aitmpl.com

https://claude.ai/code/session_01FDf1pgux14yR8TeEsmbHcr

* fix: Remove Spanish content and statistics from React blog article

- Changed Spanish banner to English
- Removed "Real-World Impact" section with percentage statistics
- Removed specific numbers from code comments (200KB+, 2KB)
- Removed token count references (~500 tokens)
- Changed "#1 performance killer" to "major performance killer"
- Removed "specific impact metrics" references
- Changed "40+ rules" and "8 optimization categories" to general text

https://claude.ai/code/session_01FDf1pgux14yR8TeEsmbHcr

* feat: Add code syntax highlighting and remove Additional Resources

- Removed "Additional Resources" section with external links
- Added CodeCopy class for automatic code block formatting
- Added MarkdownCopier class for improved markdown export
- Bash/terminal code blocks now have copy buttons
- Code blocks auto-detect language (bash, typescript, javascript, etc.)
- Terminal prompts are cleaned when copying code
- Added hover effects for components banner
- Code blocks now styled as terminal-block for bash commands

https://claude.ai/code/session_01FDf1pgux14yR8TeEsmbHcr

---------

Co-authored-by: Claude <noreply@anthropic.com>

2026-01-22 23:43:46 -05:00

2.6 KiB

Raw Permalink Blame History