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
api-patterns
Structured decision-making framework for selecting and designing APIs across REST, GraphQL, and tRPC patterns.
financial-analysis-agent
Build intelligent agents for investment analysis, risk assessment, and portfolio recommendations.
hr-automation
Automate HR workflows including recruiting, onboarding, employee management, and offboarding. Based on n8n's HR workflow templates.
people-report
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
product-requirements
Interactive requirements gathering and professional PRD generation through quality-scored dialogue.
seo-dataforseo
Live search data via the DataForSEO MCP server. Provides real-time SERP results (organic + images), keyword metrics, backlink profiles, on-page analysis, content analysis, business listings, AI visibility checking, and LLM mention tracking across 10 API modules with 79+ MCP tools.
seo-google
Direct access to Google's own SEO data. Bridges the gap between crawl-based analysis (existing claude-seo skills) and Google's real-time field data: actual Chrome user metrics, real indexation status, search performance, and organic traffic.
cybersecurity-analyst
Analyzes security risks, threats, and vulnerabilities using industry frameworks like STRIDE, MITRE ATT&CK, and CIA triad.
lean-ux-canvas
One-page facilitation tool for framing business problems, surfacing assumptions, and defining learning experiments before building.
senior-qa
Automated test suite generation, coverage analysis, and E2E testing for React, Next.js, and Node.js applications.
signed-audit-trails-recipe
Cookbook-style walkthrough for cryptographically signed receipts on every Claude Code tool call. This is the teaching skill. For the runtime implementation, install the protect-mcp plugin.
prisma-orm-v7-skills
Reference guide for Prisma ORM 7 breaking changes and upgrade requirements.
trigger-cost-savings
Analyze task runs and configurations to find cost reduction opportunities.
react-vendoring
Use this skill for changes touching vendored React, react-server-dom-webpack/* , or react-server layer boundaries.
pestel-analysis
Systematic macro-environmental analysis across political, economic, social, technological, environmental, and legal forces.
triage-nda
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .
adev-writing-guide
This skill provides comprehensive guidelines for authoring content in adev/src/content . It combines Google's technical writing standards with Angular-specific markdown conventions, components, and best practices.
flutter-environment-setup-linux
Linux environment setup for Flutter desktop development with OS detection and toolchain validation.
agent-memory-mcp
Persistent, searchable memory system for agents to store and retrieve architectural decisions, patterns, and project knowledge.
citation-management
Search academic databases, extract metadata, validate citations, and generate properly formatted BibTeX entries.
claude-code-plugin-release
IMPORTANT: Plan and write detailed release notes before starting.
financial-modeling
I help you build integrated 3-statement financial models that link Income Statement, Balance Sheet, and Cash Flow Statement. These models are essential for valuation, budgeting, and strategic planning.
rust-skills
179 Rust coding rules across 14 categories, prioritized by impact for writing idiomatic, optimized, and maintainable code.
press-release
Write customer-focused press releases before building to align stakeholders on product vision.