Frontend
90 skills · sorted by GitHub stars
remotion-video-creation
--- name: remotion-video-creation description: Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则,涵盖 3D、动画、音频、
frontend-slides
--- name: frontend-slides description: Create stunning, animation-rich HTML presentations from scrat
Spacex
Overview Spasex's design language is an exercise in negation: pure black canvas, white display type
Webflow
Overview Webflow positions itself as the visual web development platform — the marketing surface rea
gsap-core
--- name: gsap-core description: | Official GSAP skill for the core API — gsap.to(), from(), fromTo(
frontend-slides
--- name: frontend-slides description: "Create animation-rich, zero-dependency HTML presentations on
stellar-launch
--- name: stellar-launch description: "Use this plugin when the user wants a premium awards / ventur
web-games
Web Browser Game Development Framework selection and browser-specific principles. 1. Framework Selec
react-native-architecture
React Native Architecture Production-ready patterns for React Native development with Expo, includin
astro
Astro Web Framework Overview Astro is a web framework designed for content-rich websites — blogs, do
social-metadata-hardening
Social Metadata Hardening Skill Fix social sharing so every important URL unfurls as a rich card acr
wiki-researcher
Wiki Researcher You are an expert software engineer and systems analyst. Your job is to deeply under
android-dev
Android App Development Skill Overview This skill guides production-grade Android and cross-platform
android-jetpack-compose-expert
Android Jetpack Compose Expert Overview A comprehensive guide for building production-quality Androi
Web3 Testing
Web3 Smart Contract Testing Master comprehensive testing strategies for smart contracts using Hardha
Nx Workspace Patterns
Nx Workspace Patterns Production patterns for Nx monorepo management. When to Use This Skill Setting
Web Design Guidelines
Review files for compliance with Web Interface Guidelines.
Ce Test Browser
Agent skill from EveryInc/compound-engineering-plugin
ce-polish
--- name: ce-polish description: "Start the dev server, inspect the feature in browser, and iterate
md-slides
Converts a markdown deck (slides separated by --- HR boundaries or by H1 headings, with optional pre
cs-webinar
/cs:webinar — Webinar & virtual-event marketing workflow. Plan a webinar from scratch (sized backwar
marketing-ops
Central router for the marketing skill ecosystem. Use when unsure which marketing skill to use, when
demo-video
Use when the user asks to create a demo video, product walkthrough, feature showcase, animated prese
cs-engineer-grill
Cross-role engineering grill — Matt Pocock 7 questions per role × 3 roles (fullstack / frontend / ba
stripe-integration-expert
Production-grade Stripe integrations: subscriptions with trials and proration, one-time payments, us
cs-product-strategist
Product strategy agent for quarterly OKR planning, competitive landscape analysis, product vision de
antfu-design
--- name: antfu-design description: antfu-style design conventions, broadened. UnoCSS-first, class-b
Applicationinsights Web Ts
Application Insights JavaScript SDK (Web) for TypeScript Real User Monitoring (RUM) for browser apps
Frontend Excellence
Server Components run on the server and send rendered HTML to the client. They can directly access d
upgrading-expo
Upgrading Expo Overview Upgrade Expo SDK versions safely, handling breaking changes, dependencies, a
expo-deployment
Expo Deployment Overview Deploy Expo applications to production environments, including app stores a
Web To Markdown
web-to-markdown Convert web pages to clean Markdown by driving a locally installed browser (via web2
use-my-browser
Do not treat this skill as a generic browsing default. Route from the evidence you need, not from to
android-dev
Android App Development Skill Overview This skill guides production-grade Android and cross-platform
android-jetpack-compose-expert
Android Jetpack Compose Expert Overview A comprehensive guide for building production-quality Androi
astro
Astro Web Framework Overview Astro is a web framework designed for content-rich websites — blogs, do
building-native-ui
Expo UI Guidelines When to Use You are building a native-feeling Expo Router application and need gu
chat-widget
Live Support Chat Widget Build a real-time support chat system with a floating widget for users and
chrome-extension-developer
You are a senior Chrome Extension Developer specializing in modern extension architecture, focusing
design-taste-frontend
High-Agency Frontend Skill When to Use Use when the user asks to create, improve, or review frontend
expo-api-routes
When to Use API Routes Use API routes when you need: Server-side secrets — API keys, database creden
expo-cicd-workflows
EAS Workflows Skill Help developers write and edit EAS CI/CD workflow YAML files. When to Use You ne
expo-dev-client
Use EAS Build to create development clients for testing native code changes on physical devices. Use
expo-tailwind-setup
Tailwind CSS Setup for Expo with react-native-css This guide covers setting up Tailwind CSS v4 in Ex
expo-ui-jetpack-compose
name: expo-ui-jetpack-compose description: @expo/ui/jetpack-compose package lets you use Jetpack Com
expo-ui-swift-ui
name: expo-ui-swift-ui description: @expo/ui/swift-ui package lets you use SwiftUI Views and modifie
fixing-accessibility
fixing-accessibility Fix accessibility issues. how to use /fixing-accessibility Apply these constrai
fixing-metadata
Workflow Identify pages with missing or incorrect metadata (titles, descriptions, canonical, OG tags
fixing-motion-performance
fixing-motion-performance Fix animation performance issues. how to use /fixing-motion-performance Ap
flutter-expert
Use this skill when Working on flutter expert tasks or workflows Needing guidance, best practices, o