friendly
Defines an approachable, intuitive visual style. Combines rounded elements, ample whitespace, and soft pastel color palettes.
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.Defines an approachable, intuitive visual style. Combines rounded elements, ample whitespace, and soft pastel color palettes.
Provides senior frontend development expertise across ReactJS, NextJS, JavaScript, TypeScript, HTML, and CSS. Includes modern UI and UX frameworks.
Runs frontclippy against local HTML, live URLs, snapshot JSON, suites, or manifests. Supports UI audits, output inspection, capture plus analysis, and SARIF generation.
Персона «Frontend-разработчик» (React 19 / Next.js App Router / TypeScript). Use при разработке и рефакторинге UI, работе с состоянием и загрузкой данных, оптимизации и тестах. Бэкенд и фронтенд — раздельно.
Provides frontend development context for the Megahub project. Covers the web IDE, Vite builds, Blockly visual programming, Web Bluetooth integration, JavaScript, styles, and UI components.
Обязательные правила feature-based архитектуры фронтенда (по bulletproof-react) — src/features/ со слоями api/components/hooks/stores/types, общие components/ui и lib, однонаправленные зависимости. Use ВСЕГДА при создании или изменении структуры frontend-кода, новых фич и компонентов.
Генерация UI-компонента по feature-структуре (роль frontend). Use when нужно создать НОВЫЙ React-компонент/фичу с нуля; для правки или ускорения существующего UI бери $frontend-refactor/$frontend-optimize.
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
Generates production-grade frontend code with an emphasis on visual quality and creative design. Applies to web components, pages, and applications while avoiding generic AI aesthetics.
Supports visual design for new interfaces and revisions to existing ones. Focuses on aesthetic direction, typography, and choices that avoid templated defaults.
Supports visual design for new interfaces and revisions to existing ones. Focuses on aesthetic direction, typography, and choices that avoid templated defaults.
Helps establish visual direction when building a new interface or reshaping an existing one. Emphasizes deliberate typography and aesthetic choices that avoid a generic template appearance.
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