frontend-design
Builds distinctive interfaces and visual designs for websites, landing pages, dashboards, React components, and HTML/CSS layouts. Also supports posters, artifacts, and styling or beautifying existing web 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.Builds distinctive interfaces and visual designs for websites, landing pages, dashboards, React components, and HTML/CSS layouts. Also supports posters, artifacts, and styling or beautifying existing web UI.
Creates visually distinctive interfaces for sites, apps, dashboards, ecommerce, decks, documentation, and portfolios. Covers typography, OKLCH color, DESIGN.md tokens, components, motion, dark mode, and accessibility.
Produces a design specification in .ulpi/design/ covering palette, typography, visual identity, design systems, user flows, states, components, and accessibility. Locks the design direction across screens and sessions, then hands the specification to an engineering agent for implementation.
Combines frontend development with visual design, cinematic motion, AI-generated media, and conversion copywriting. Supports landing pages, marketing sites, product pages, dashboards, and generative art.
Combines frontend development with cinematic animations, generative art, and AI-generated media through the MiniMax API. Suits hero pages and showcase websites.
Guides React and TypeScript development with Suspense, lazy loading, useSuspenseQuery, MUI v7, and TanStack Router. Covers feature-based file organization, components, pages, styling, data fetching, and performance optimization.
Guides frontend engineering under strict architectural and performance standards. Applies to components, pages, new features, data fetching, and data mutations.
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.
Covers React component development, responsive layouts, and client-side state management. Focuses on React 19, Next.js 15, and modern frontend architecture.
You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s
You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla JavaScript code to identify injection poi
Оптимизация рендера/бандла/Core Web Vitals (роль frontend). Use when нужно ускорить интерфейс — лишние ререндеры, тяжёлый бандл, плохие LCP/INP/CLS; сначала замер, потом правка по данным.
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