Skip to main content
Back to registry

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

cloudbase-document-database-in-wechat-miniprogram

by tencentcloudbase/skills

581

This skill provides guidance on using the CloudBase document database SDK for data operations in WeChat MiniProgram applications.

Frontend and DesignFirst seen Jan 21, 2026

landing-page-guide-v2

by bear2u/my-skills

581

Source details, install context, and public review data are available on the full page.

Frontend and DesignFirst seen Jan 22, 2026

trading-plan-generator

by jamesrochabrun/skills

581

A comprehensive skill for creating disciplined, rule-based trading plans that help you manage risk, control emotions, and trade consistently.

Frontend and DesignFirst seen Jan 20, 2026

create-pr

by n8n-io/n8n

580

Creates GitHub PRs with titles that pass n8n's check-pr-title CI validation.

Frontend and DesignFirst seen Jan 19, 2026

swift-actor-persistence

by affaan-m/everything-claude-code

580

Patterns for building thread-safe data persistence layers using Swift actors. Combines in-memory caching with file-backed storage, leveraging the actor model to eliminate data races at compile time.

Frontend and DesignFirst seen Feb 16, 2026

enterprise-sales

by refoundai/lenny-skills

579

Help the user navigate enterprise sales using frameworks from 9 product leaders who have closed large enterprise deals at companies from Stripe to Superhuman.

Frontend and DesignFirst seen Jan 28, 2026

powerpoint-automation

by aktsmm/agent-skills

577

AI-powered PPTX generation using Orchestrator-Workers pattern.

Frontend and DesignFirst seen Jan 23, 2026

chaos-engineer

by jeffallan/claude-skills

576

Source details, install context, and public review data are available on the full page.

Frontend and DesignFirst seen Jan 19, 2026

project-planning

by jezweb/claude-skills

576

Specialized planning assistant for web application projects. Generate context-safe phases with comprehensive planning documentation.

Frontend and DesignFirst seen Jan 19, 2026

flow

by facebook/react

575

Source details, install context, and public review data are available on the full page.

Frontend and DesignFirst seen Jan 23, 2026

swift-protocol-di-testing

by affaan-m/everything-claude-code

575

Patterns for making Swift code testable by abstracting external dependencies (file system, network, iCloud) behind small, focused protocols. Enables deterministic tests without I/O.

Frontend and DesignFirst seen Feb 16, 2026

frontend-dev-guidelines

by sickn33/antigravity-awesome-skills

574

(React · TypeScript · Suspense-First · Production-Grade)

Frontend and DesignFirst seen Jan 18, 2026

mermaid-diagrams

by softaworks/agent-toolkit

574

Create professional software diagrams using Mermaid's text-based syntax. Mermaid renders diagrams from simple text definitions, making diagrams version-controllable, easy to update, and maintainable alongside code.

Frontend and DesignFirst seen Jan 19, 2026

written-communication

by refoundai/lenny-skills

574

Help the user communicate more effectively in writing using frameworks and insights from 38 product leaders.

Frontend and DesignFirst seen Jan 28, 2026

agent-md-refactor

by softaworks/agent-toolkit

573

Refactor bloated agent instruction files (AGENTS.md, CLAUDE.md, COPILOT.md, etc.) to follow progressive disclosure principles - keeping essentials at root and organizing the rest into linked, categorized files.

Frontend and DesignFirst seen Jan 19, 2026

swiftdata-pro

by twostraws/swiftdata-agent-skill

573

Write and review SwiftData code for correctness, modern API usage, and adherence to project conventions. Report only genuine problems - do not nitpick or invent issues.

Frontend and Design

writing-clearly-and-concisely

by softaworks/agent-toolkit

573

Write with clarity and force. This skill covers what to do (Strunk) and what not to do (AI patterns).

Frontend and DesignFirst seen Jan 19, 2026

commit-work

by softaworks/agent-toolkit

572

Source details, install context, and public review data are available on the full page.

Frontend and DesignFirst seen Jan 19, 2026

crafting-effective-readmes

by softaworks/agent-toolkit

572

READMEs answer questions your audience will have. Different audiences need different information - a contributor to an OSS project needs different context than future-you opening a config folder.

Frontend and DesignFirst seen Jan 19, 2026

gemini

by softaworks/agent-toolkit

572

NEVER use --approval-mode default in background or non-interactive shells (like Claude Code tool calls). It will hang indefinitely waiting for approval prompts that cannot be provided.

Frontend and DesignFirst seen Jan 19, 2026

humanizer

by softaworks/agent-toolkit

572

Source details, install context, and public review data are available on the full page.

Frontend and DesignFirst seen Jan 19, 2026

m01-ownership

by zhanghandong/rust-skills

572

Source details, install context, and public review data are available on the full page.

Frontend and DesignFirst seen Jan 19, 2026

qa-test-planner

by softaworks/agent-toolkit

572

A comprehensive skill for QA engineers to create test plans, generate manual test cases, build regression test suites, validate designs against Figma, and document bugs effectively.

Frontend and DesignFirst seen Jan 19, 2026

session-handoff

by softaworks/agent-toolkit

572

Creates comprehensive handoff documents that enable fresh AI agents to seamlessly continue work with zero ambiguity. Solves the long-running agent context exhaustion problem.

Frontend and DesignFirst seen Jan 19, 2026
Page 19 of 157