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,745 skills
Skills in this category
knitwork-x
by hairyf/knitwork-x
knitwork-x provides programmatic code generation for JavaScript and TypeScript. It is forked from knitwork and adds comprehensive TypeScript helpers: ESM (import/export), strings, variables, classes, interfaces, functions, types, control flow (if/try/loop/switch), and serialization (object/array/map/set). All gen*...
d3-viz
by sickn33/antigravity-awesome-skills
This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js. D3.js (Data-Driven Documents) excels at binding data to DOM elements and applying data-driven transformations to create custom, publication-quality visualisations with precise control over every visual element. The...
saas-economics-efficiency-metrics
by deanpeters/product-manager-skills
Determine whether your SaaS business model is fundamentally viable and capital-efficient. Use this to calculate unit economics, assess profitability, manage cash runway, and decide when to scale vs. optimize. Essential for fundraising, board reporting, and making smart investment trade-offs.
three-best-practices
by emalorenzo/three-agent-skills
Comprehensive performance optimization guide for Three.js applications. Contains 120+ rules across 18 categories, prioritized by impact.
user-story-mapping-workshop
by deanpeters/product-manager-skills
Guide product managers through creating a user story map by asking adaptive questions about the system, users, workflow, and priorities—then generating a two-dimensional map with backbone (activities), user tasks, and release slices. Use this to move from flat backlogs to visual story maps that communicate the big...
assets
by binance/binance-skills-hub
Assets request on Binance using authenticated API endpoints. Requires API key and secret key for certain endpoints. Return the result in JSON format.
flutter-setting-up-on-macos
by flutter/skills
Source details, install context, and public review data are available on the full page.
kaizen
by sickn33/antigravity-awesome-skills
Small improvements, continuously. Error-proof by design. Follow what works. Build only what's needed.
lean-ux-canvas
by deanpeters/product-manager-skills
Guide product managers through creating Jeff Gothelf's Lean UX Canvas (v2) —a one-page facilitation tool that frames work around a business problem to solve , not a solution to implement . Use this to align cross-functional teams around core assumptions, craft testable hypotheses, and ensure learning happens every...
marketing-demand-acquisition
by davila7/claude-code-templates
Expert acquisition playbook for Series A+ startups scaling internationally (EU/US/Canada) with hybrid PLG/Sales-Led motion.
supply-chain-risk-auditor
by trailofbits/skills
Activates when the user says "audit this project's dependencies".
arch-tsdown-monorepo
by hairyf/skills
arch-tsdown-monorepo is a pnpm monorepo starter for TypeScript libraries (based on hairyf/starter-monorepo ). Each package uses tsdown for building. It provides shared tooling (ESLint, Vitest, TypeScript), pnpm catalogs for versions, workspace dependencies , and optional npm Trusted Publisher for CI-based releases.
cloudflare-deploy
by openai/skills
Consolidated skill for building on the Cloudflare platform. Use decision trees below to find the right product, then load detailed references.
django-celery-expert
by vintasoftware/django-ai-plugins
Source details, install context, and public review data are available on the full page.
finance-metrics-quickref
by deanpeters/product-manager-skills
Quick reference for any SaaS finance metric without deep teaching. Use this when you need a fast formula lookup, benchmark check, or decision framework reminder. For detailed explanations, calculations, and examples, see the related deep-dive skills.
github-pr-review
by fvadicamo/dev-agent-skills
Resolves Pull Request review comments with severity-based prioritization, fix application, and thread replies.
ui-styling
by mrgoonie/claudekit-skills
Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
workshop-facilitation
by deanpeters/product-manager-skills
Provide the canonical facilitation pattern for interactive skills: one step at a time, with clear progress, adaptive recommendations at decision points, and predictable interruption handling.
feature-design-assistant
by davila7/claude-code-templates
Help turn ideas into fully formed designs and specs through structured information gathering and collaborative validation.
tam-sam-som-calculator
by deanpeters/product-manager-skills
Guide product managers through calculating Total Addressable Market (TAM), Serviceable Available Market (SAM), and Serviceable Obtainable Market (SOM) for a product idea by asking adaptive, contextually relevant questions. Use this to build defensible market size estimates backed by real-world citations, economic...
bencium-innovative-ux-designer
by bencium/bencium-claude-code-design-skill
Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices. Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes...
push-to-registry
by hashicorp/agent-skills
Configure Packer templates to push build metadata to HCP Packer registry.
ai-shaped-readiness-advisor
by deanpeters/product-manager-skills
Assess whether your product work is "AI-first" (using AI to automate existing tasks faster) or "AI-shaped" (fundamentally redesigning how product teams operate around AI capabilities). Use this to evaluate your readiness across 5 essential PM competencies for 2026 , identify gaps, and get concrete recommendations on...
mobile-app-testing
by aj-geddes/useful-ai-prompts
Implement comprehensive testing strategies for mobile applications including unit tests, UI tests, integration tests, and performance testing.