Frontend and Design
Frontend and design skills center on UI engineering, styling systems, interaction design, and design-to-code workflows. Developers here will find tools for React and web interfaces, component systems, visual polish, and collaboration between product, design, and implementation.
3,665 skills
Skills in this category
daily-prep
Generate a structured prep file for the next working day with meeting details, prep bullets, linked tasks, and productivity recommendations.
legal-response
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
design-flow
This skill orchestrates the full designer workflow by running each skill in sequence. You are a guide walking the designer through each phase. Do not rush. Each phase must be completed and confirmed before moving to the next.
team-rituals
Design effective team rituals that embed culture and operational rhythms into your organization.
design-brief
This skill creates a design brief through structured conversation. You may skip steps if they are not necessary.
sf-ai-agentforce-observability
Use this skill when the user needs trace-based observability , not just testing: extract Session Tracing Data Model (STDM) records, work with Parquet datasets, reconstruct session timelines, analyze topic/action latency, or debug agent behavior from Data 360 telemetry.
academic-search
I help you navigate academic literature, find relevant papers, understand research methodologies, and synthesize findings for your research projects or literature reviews.
browserstack
Run Playwright tests on BrowserStack's cloud grid for cross-browser and cross-device testing.
ecommerce-competitor-analyzer
Automated scraping and AI-powered analysis of e-commerce products across Amazon, Temu, and Shopee.
protect-mcp-setup
Cryptographic governance for every Claude Code tool call. Each invocation is evaluated against a Cedar policy and produces an Ed25519-signed receipt that anyone can verify offline.
flutter-databases
MVVM-compliant data layer for Flutter with Repository pattern, stateless Services, and intelligent local caching strategies.
aracli-deploy-management
Skill by ara.so — Daily 2026 Skills collection.
github-workflow-automation
AI-assisted automation for GitHub workflows including PR reviews, issue triage, CI/CD integration, and Git operations.
marketplace-liquidity
Framework for diagnosing and fixing supply-demand imbalances in two-sided marketplaces.
backend-development
Comprehensive backend development guidance covering modern languages, frameworks, APIs, security, and production patterns.
media-relations
Help users pitch journalists and build lasting media relationships using proven outreach strategies.
speakturbo-tts
Ultra-fast text-to-speech with ~90ms latency and 8 built-in voices.
ab-test-store-listing
Source details, install context, and public review data are available on the full page.
create-cowork-plugin
Build a new plugin from scratch through guided conversation. Walk the user through discovery, planning, design, implementation, and packaging — delivering a ready-to-install .plugin file at the end.
aws-serverless
Production-ready serverless patterns for AWS Lambda, API Gateway, DynamoDB, and event-driven architectures.
discover-brand
Orchestrate autonomous discovery of brand materials across enterprise platforms. This skill coordinates the discover-brand agent to search connected platforms (Notion, Confluence, Google Drive, Box, Microsoft 365, Figma, Gong, Granola, Slack), triage sources, and produce a structured discovery report with open...
listenhub
Deprecated skill — migrate to individual focused skills for podcasts, videos, TTS, and image generation.
migrate
Interactive migration from Cypress or Selenium to Playwright with file-by-file conversion.
openhanako-personal-ai-agent
Skill by ara.so — Daily 2026 Skills collection.