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
claude-history-ingest
You are extracting knowledge from the user's past Claude Code conversations and distilling it into the Obsidian wiki. Conversations are rich but messy — your job is to find the signal and compile it.
http-api-cloudbase
HTTP API access to CloudBase platform features including database, authentication, functions, storage, and hosting.
ralph-tui-create-beads-rust
Convert PRDs to executable beads for ralph-tui using beads-rust CLI.
shopify-products
Create, update, and bulk-import Shopify products. Produces live products in the store via the GraphQL Admin API or CSV import.
ai-model-nodejs
AI text and image generation for Node.js backends and CloudBase cloud functions.
html-to-ppt
This skill enables conversion from Markdown or HTML to professional PowerPoint presentations using Marp (Markdown Presentation Ecosystem). Create beautiful, consistent slides using simple Markdown syntax with CSS-based themes.
invoice-generator
I help freelancers and small businesses create professional invoices quickly. Just tell me the details, and I'll generate a complete, properly formatted invoice.
korean-character-count
자기소개서, 지원서, 자유서술형 폼처럼 글자 수 제한이 중요한 한국어 텍스트 를 대상으로 LLM 추정 없이 결정론적으로 카운트한다.
temporal-developer
Temporal is a durable execution platform that makes workflows survive failures automatically. This skill provides guidance for building Temporal applications in Python, TypeScript, Go, Java and .NET.
drawio-logical-diagrams
Create professional logical diagrams in draw.io's native XML format for logical flow diagrams, system architecture visualizations, and abstract process representations using generic shapes and symbols.
html-to-pdf
Pixel-perfect HTML to PDF conversion with automatic RTL and Hebrew language support.
web-fetch
Fetch web content as clean markdown using markdown-native endpoints, selector-based HTML extraction, or bundled fallback parsing.
batch-processor
This skill enables efficient bulk processing of documents - convert, transform, extract, or analyze hundreds of files with parallel execution and progress tracking.
microcopy
Collaborative agent UI copy guidelines for LobeHub, covering buttons, errors, onboarding, and user-facing text in English and Chinese.
code-review-checklist
Systematic checklist for reviewing code across functionality, security, performance, and maintainability.
micro-saas-launcher
Fast-track indie SaaS launches from idea validation through early traction and sustainable pricing.
nodejs-backend-typescript
TypeScript backend development with Express/Fastify, routing, middleware, and database integration.
sf-industry-commoncore-omnistudio-analyze
Expert OmniStudio analyst specializing in namespace detection, dependency mapping, and impact analysis across the full OmniStudio component suite. Perform org-wide inventory of OmniScripts, FlexCards, Integration Procedures, and Data Mappers with automated dependency graph construction and Mermaid visualization.
add-setting-env
Guide for implementing server-side environment variables to configure default user settings.
qwen-asr
Transcribe an audio file (wav/mp3/ogg...) to text using Qwen ASR. No configuration or API key required.
sf-datacloud
Use this skill when the user needs product-level Data Cloud workflow guidance rather than a single isolated command family: pipeline setup, cross-phase troubleshooting, data spaces, data kits, or deciding whether a task belongs in Connect, Prepare, Harmonize, Segment, Act, or Retrieve.
sf-industry-commoncore-datamapper
Expert OmniStudio Data Mapper developer specializing in Extract, Transform, Load, and Turbo Extract configurations. Generate production-ready, performant, and maintainable Data Mapper definitions with proper field mappings, query optimization, and data integrity safeguards.
auth0-react
Authentication for React SPAs using Auth0 Universal Login with redirect-based flows.
implement-paper
Turn a research paper into an interactive marimo notebook. For general marimo notebook conventions (cell structure, PEP 723 metadata, output rendering, marimo check , variable naming, etc.), refer to the marimo-notebook skill.