frontend-react-best-practices
Provides React performance guidelines for component development, review, and refactoring. Covers hooks, memoization, rendering patterns, and bundle optimization.
Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access.Provides React performance guidelines for component development, review, and refactoring. Covers hooks, memoization, rendering patterns, and bundle optimization.
Рефакторинг UI/хуков без изменения поведения (роль frontend). Use when нужно улучшить структуру существующих компонентов/хуков — разложить по слоям, убрать дублирование и prop drilling; UI-поведение доказуемо не меняется.
Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns. Use PROACTIVELY for frontend security implementations or client-side security code reviews.
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.
Provides a production frontend playbook for landing pages, websites, and application interfaces. Emphasizes strong visuals and restrained composition.
Creates animation-rich HTML presentations and previews of their visual styles. Supports online keynotes, embedded talks, and interactive briefs.
Produce detailed frontend specifications and supporting design tokens. Tailor implementation guidance for AI-assisted React and TypeScript development.
Генерация тестов компонентов (роль frontend). Use when нужно покрыть React-компоненты/хуки поведенческими тестами (Testing Library + Vitest); готово = прогнанный зелёный набор, не текст тестов.
Provides best practices for writing and reviewing frontend tests. Emphasizes end-to-end tests over unit tests, limited mocking, and behavior rather than implementation details.
Supports UI implementation, component creation, layouts, and state management. Covers WCAG accessibility requirements and polished production appearance and behavior.
Точка входа в Task Master workflow для цели (роль frontend). Use when нужно довести UI-цель (экраны, фичи, компоненты) через цикл задач Task Master до реализованного и протестированного результата.
Queries Financial Services Commission corporate information through the public data API via k-skill-proxy. Looks up representatives, establishment dates, and industries by company name, and cross-checks a supplied business number when the response includes one.
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name