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
signature-request
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
customer-escalation
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
domain
Generate Railway domains or add custom domains to services with DNS configuration.
mermaid-diagram-specialist
Create flowcharts, sequence diagrams, ERDs, and architecture visualizations in Mermaid syntax.
multi-agent-brainstorming
Structured peer-review process using constrained agents to validate designs and surface hidden assumptions before implementation.
reference-compiler-cli
The packages/compiler-cli package contains the Angular Compiler (Ivy), often referred to as ngtsc . It is a wrapper around the TypeScript compiler ( tsc ) that extends it with Angular-specific capabilities.
arize-prompt-optimization
LLM applications emit spans following OpenInference semantic conventions. Prompts are stored in different span attributes depending on the span kind and instrumentation:
coding-tutor
This skill creates personalized coding tutorials that evolve with the learner. Each tutorial builds on previous ones, uses real examples from the current codebase, and maintains a persistent record of concepts mastered.
telegram-mini-app
Build Telegram Mini Apps with TON blockchain integration, native authentication, and monetization.
web-renderer-test
Visual snapshot testing for web renderer components using vitest fixtures.
cloud-functions
Complete guide for developing, deploying, and managing CloudBase cloud functions with Event and HTTP types.
m10-performance
Systematic approach to identifying and eliminating performance bottlenecks through measurement and targeted optimization.
tiktok-captions
Guides TikTok caption and video script creation. Use for generating publish-ready captions and video specs. Suitable for copy agents, video agents (format, length), and design agents (thumbnail).
ai-shaped-readiness-advisor
Assess whether your product work is AI-first or genuinely AI-shaped, and prioritize which capability to build next.
azure-pipelines
When modifying Azure DevOps pipeline files (YAML files in build/azure-pipelines/ ), you can validate changes locally using the Azure CLI before committing. This avoids the slow feedback loop of pushing changes, waiting for CI, and checking results.
paperclip-create-plugin
Use this skill when the task is to create, scaffold, or document a Paperclip plugin.
polymarket-api
Complete integration guide for Polymarket's CLOB and Gamma APIs with order execution and market data.
yes
底层协议完全不变——三条红线、压力升级、方法论、[PUA生效 🔥]、Owner 意识、冰山法则全部保留。
ansible-automation
Infrastructure automation and configuration management across multiple servers using Ansible playbooks and roles.
audio-transcriber
Transcribe audio files to structured Markdown with intelligent meeting minutes and executive summaries.
cloudbase-platform
CloudBase platform knowledge covering storage, authentication, cloud functions, databases, and console management.
knowledge-site-creator
Automated knowledge site generator for any domain with AI-created content, design system-driven pages, and one-click deployment.
seo-maps
Maps platform analysis for local businesses. Works with external APIs to assess how a business appears on Google Maps, Bing Places, Apple Maps, and OpenStreetMap.
base44-troubleshooter
Fetch and analyze backend function logs to diagnose production issues in Base44 apps.