frontend-aesthetics
Instructions on how to design high quality frontend aesthetics
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
Frontend & websites
10,959 results
toxic-manager-translator
Transform emotional reactions or venting messages from collaborators into professional, diplomatic responses suitable for difficult workplace situations with…
re-hybrid-app
Flutter/React Native hybrid app reverse engineering. Trigger words: Flutter, React Native, hybrid app, dart, libapp.so, Hermes, Hermes bytecode, hbc, RN bundle, index.android.bundle, NativeModules, TurboModule, Metro
style-dictionary
Transforms design tokens into platform-specific formats (CSS, SCSS, iOS Swift, Android XML). Use when setting up multi-platform token pipelines, creating build…
epic-react-patterns
Guide on React patterns, performance optimization, and code quality for Epic Stack
ionic-app-icon-splash
Generate every iOS and Android app icon and splash screen size from a single source PNG using @capacitor/assets. Trigger when adding app icons, generating…
ionic-shared
Framework-agnostic Capacitor concerns shared by Ionic Angular, React, and Vue apps — AdMob, RevenueCat, push notifications, @capacitor/preferences storage,…
web-search-advanced-personal-site
Search personal websites and blogs using Exa advanced search. Full filter support for finding individual perspectives, portfolios, and personal blogs. Use when…
animejs-mastery
Autonomous agent for systematically upgrading applications with polished anime.js animations. Use when asked to add animations, improve UI polish, upgrade…
frontend-perf
Frontend (including Electron desktop) performance optimization knowledge base, covering version-specific optimization knowledge for React 16-19, Angular 9-18+,…
generating-components
Phase 3: Map design-system.md to 7 Gemini XML blocks (aesthetics, style_reference, typography, color_system, spacing, states, forbidden), call create_frontend,…
tailwindcss-core
Use when configuring Tailwind CSS-first (no config.js), defining @theme tokens, or creating custom utilities/variants. Do NOT use for v3-to-v4 migration or…
tailwindcss-interactivity
Use when controlling cursor appearance, scroll snap/smooth behavior, text selection, pointer-events, touch actions, or caret/accent colors.
tailwindcss-responsive
Use when applying responsive variants at different screen widths, defining a custom breakpoint, or building container-query-based components.
stitch-html-components
Converts a Stitch screen, a local HTML file, or a URL into clean, platform-agnostic HTML5 + CSS — semantic markup, CSS custom properties for theming, dark mode…
cms-engine
Expert in Content Management Systems (CMS). Trigger this when building Blogs, Portals, or Media-heavy applications.
freeze-static
Expert in Static Site Generation (SSG) using Gravito Freeze. Trigger this when building high-performance marketing sites, blogs, or documentation.
angularjs-unit-testing
Use this skill for AngularJS unit testing, maintenance, and migration tasks
pwa-manifest-generator
Generate pwa manifest generator operations. Auto-activating skill for Frontend Development. Triggers on: pwa manifest generator, pwa manifest generator Part of…
vue-composable-creator
Create vue composable creator operations. Auto-activating skill for Frontend Development. Triggers on: vue composable creator, vue composable creator Part of…
jss
JavaScript stack ecosystem. Best practices, patterns, and guidelines for React, RN, Next.js, Nest.js, etc.
react-composable-components
Write and refactor React components to be small, composable, and customizable, doing one thing well. Improve rendering performance, maintainability, and…
in-app-ui
Guidance for implementing Knock in-app UI in a web app, with a focus on setting up, rendering, and debugging Knock guides in React.
kor-ui
Complete guide for using the KorUI library (@korsolutions/ui) in React Native and Expo applications. Use this skill when building user interfaces with KorUI,…