Frontend
8107 skills in Development > Frontend
cassandra-sstable-format-parsing
Guide parsing of Cassandra 5.0+ SSTable components (Data.db, Index.db, Statistics.db, Summary.db, TOC) with compression support (LZ4, Snappy, Deflate). Use when working with SSTable files, binary format parsing, hex dumps, compression issues, offset calculations, BTI index, partition layout, or debugging parsing errors.
modular-release-pipelines
Automate version management and changelog generation with smart builds. Only build changed components using GitHub App tokens and release-please integration.
streamlit
When working with Streamlit web apps, data dashboards, ML/AI app UIs, interactive Python visualizations, or building data science applications with Python
test-generator
WHEN: Test code generation, unit/integration/E2E test writing, component/hook/utility testsWHAT: Framework detection + Jest/Vitest/RTL/Playwright templates + Happy Path/Edge/Error case testsWHEN NOT: Coverage analysis → coverage-analyzer, Test quality review → code-reviewer
markitdown-skill
Guide for using Microsoft MarkItDown - a Python utility for converting files to Markdown. Use when converting PDF, Word, PowerPoint, Excel, images, audio, HTML, CSV, JSON, XML, ZIP, YouTube URLs, EPubs, Jupyter notebooks, RSS feeds, or Wikipedia pages to Markdown format. Also use for document processing pipelines, LLM preprocessing, or text extraction tasks.
metaprompt-factory
This skill should be used when generating structured metaprompts for repeatable tasks. Triggers include "create a metaprompt for X", "generate a review prompt", "make a prompt template", or when building prompts for cursor-agent, Codex, or other AI tools.
nginx-default-conf
Generates nginx.default.conf for nginx conf.d directory configuration. Serves static files from /usr/share/nginx/html.
arxiv-reader
Reads and extracts content from Arxiv HTML papers for Q&A. Use when the user shares an Arxiv HTML link (arxiv.org/html/...) or asks about a paper from Arxiv.
reviewing-tailwind-patterns
Review Tailwind CSS v4 patterns for configuration, theming, and utility usage. Use when reviewing CSS files, Vite configs, or components using Tailwind.
mgrep
MANDATORY: Replaces ALL built-in search tools. You MUST invoke this skill BEFORE using WebSearch, Grep, or Glob. NEVER use built-in WebSearch tool - use `mgrep --web` instead. NEVER use built-in Grep tool - use `mgrep` instead.
creating-commands
Creates new Claude Code slash commands following best practices. Guides through commandstructure, naming, arguments, and frontmatter. Use when user wants to create a command,build a slash command, or asks about command best practices.
bcpao-data-extraction-skill
Extract property data from Brevard County Property Appraiser GIS API including photos, valuations, and parcel details
error-handling-patterns
Guide developers through consistent error handling including error hierarchies, API responses, and logging integration
component-testing-mobile
Jest and React Native Testing Library patterns. Use when writing component tests.
requesting-code-review
Dispatch code-reviewer subagent to review implementation against plan or requirements before proceeding
tailwind-setup
Tailwind CSS 4.x configuration and patterns. Use when setting up or customizing Tailwind CSS.
documenting-project-history
Documenting and categorizing project prompts and decisions for StickerNest. Use when the user asks to document a session, record what was built, update project history, add to the prompt archive, or when starting a new session and needing context. Covers prompt categorization, decision history, and architectural evolution.
frontend-css
Write and maintain CSS using consistent methodology, design systems, framework utilities, and minimal custom styles for better performance and maintainability. Use this skill when writing or modifying CSS files, style modules, Tailwind classes, styled-components, CSS-in-JS, or any styling code for UI components. Use this when applying utility classes, maintaining design tokens for colors/spacing/typography, working with CSS frameworks like Tailwind or Bootstrap, avoiding framework style overrides, optimizing CSS for production with purging/tree-shaking, or implementing responsive styling. Use this when working on .css, .scss, .module.css files or when adding className/style attributes to components.
flow-plan
Create structured build plans from feature requests, bug reports, or Beads issue IDs. Use when planning features, designing implementation, preparing work breakdown, or when given a bead/issue ID to plan. Triggers on /flow:plan with text descriptions or issue IDs (e.g., bd-123, gno-45, app-12).
code-instructor
Educational code development skill that teaches programming concepts while building applications. Use when the user wants to learn how code works, understand programming concepts, or build an app with detailed explanations. Provides line-by-line breakdowns, explains the 'why' behind code patterns, uses pedagogical teaching methods, and builds apps incrementally with educational commentary at each step.