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
effect-ts
Expert guidance for functional programming with the Effect library, covering error handling, dependency injection, composability, and testing patterns.
saas-revenue-growth-metrics
Calculate and interpret core SaaS revenue, retention, and growth metrics to diagnose business momentum and product-market fit.
wp-abilities-api
WordPress Abilities API registration, REST exposure, and client-side consumption for WordPress 6.9+.
architecture-diagrams
Generate system architecture diagrams using Mermaid, PlantUML, C4 models, and flowcharts for technical documentation.
database
Deploy PostgreSQL, Redis, MySQL, or MongoDB with pre-configured volumes, networking, and connection variables.
harmonyos-device-automation
Source details, install context, and public review data are available on the full page.
spring-boot-rest-api-standards
Comprehensive REST API design standards and best practices for Spring Boot applications.
tailwind-best-practices
Styling guidelines for the Mastra Playground UI, containing 5 rules across 3 categories. Rules are prioritized by impact to guide automated refactoring and code generation. These rules ensure design system consistency, prevent token drift, and maintain component library integrity.
weekly-prep-brief
Generate a single comprehensive weekly briefing that covers every external customer or prospect call in the next 7 days, with per-meeting account and contact research from Common Room.
code-connect-components
Establish bidirectional links between Figma design components and code implementations using Code Connect.
wiki-status
You are computing the current state of the wiki: what's been ingested, what's new since last ingest, and what the delta looks like. This helps the user decide whether to append (ingest the delta) or rebuild (archive and reprocess everything).
azure-verified-modules
Certification requirements and best practices for Azure Terraform modules seeking AVM compliance.
backend-architect
Expert guidance for designing scalable APIs, microservices, and distributed backend systems.
telegram-bot
Build Telegram bots for chatbots, notifications, AI assistants, and group automation. Based on n8n's Telegram workflow templates.
biome-js
Quick guidance for BiomeJS configuration based on Sablier project patterns.
flutter-environment-setup-macos
Automated macOS Flutter development environment setup with dependency validation and diagnostic fixes.
notion-spec-to-implementation
Convert Notion specs into linked implementation plans, tasks, and progress tracking.
wp-playground
Fast, disposable WordPress instances in the browser or locally via CLI, with auto-mounting, version switching, and Xdebug debugging.
frontend-dev-guidelines
Opinionated architectural standards for production React + TypeScript applications using Suspense-first data fetching and feature-based organization.
md-to-office
This skill enables conversion from Markdown to various Office formats using Pandoc - the universal document converter. Convert your Markdown files to professional Word documents, PowerPoint presentations, PDFs, and more while preserving formatting and structure.
bibi
Summarize videos, audio, and podcasts directly from the terminal using BibiGPT.
letzai-api
Generate AI images and videos with multiple model options, custom trained models, editing, and upscaling via LetzAI API.
mcp2cli
CLI wrapper for MCP servers, OpenAPI specs, and GraphQL endpoints without code generation.
code-polish
Combined simplification and review pipeline. This skill orchestrates two sub-skills in sequence: