frontend-refactor
Рефакторинг UI/хуков без изменения поведения (frontend). Use when нужно улучшить структуру существующих компонентов/хуков — разложить по слоям, убрать дублирование и prop drilling; UI-поведение доказуемо не меняется.
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.Рефакторинг UI/хуков без изменения поведения (frontend). Use when нужно улучшить структуру существующих компонентов/хуков — разложить по слоям, убрать дублирование и prop drilling; UI-поведение доказуемо не меняется.
Use when reviewing frontend changes for regressions, accessibility, rendering risks, state correctness, or missing Vitest and RTL coverage.
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.
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); готово = прогнанный зелёный набор, не текст тестов.
Use when adding or repairing frontend Vitest, RTL, reducer, hook, component, or page tests in the repository's frontend area.
Цель роли frontend: session-first план, реализация в разрешённом scope и независимая проверка; Task Master только по явному выбору.
Use when the user explicitly asks for complete, exhaustive, unabridged output, full files, all sections, no placeholders, or when prior output was truncated. Do not use for concise summaries, reviews, plans, or normal coding tasks where brevity is requested.
Use when working with full stack orchestration full stack feature
Identifies a World G skill without describing its functionality.
Covers game art principles, including choosing a visual style. Addresses asset pipelines and animation workflows.
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