Frontend & Design

A skill your agent uses when adding a command to the aegis tool CLI (the framework's own aegis ...

lbedner/aegis-stack

Drive the in-app browser — open a page, read it as an accessibility tree, click, type, fill forms, screenshot, and verify what the page really shows.

kunpengtalk/PeakCode

Reverse-engineers any app into a recon map: screen inventory, user flows, component list, inferred data model and a feature matrix, from public pages, screenshots, app store listings, help docs and…

Jakeschincariol/replica-skill

Explain, debug, or extend Baserow runtime formulas, including FormulaField/JSONFormulaField storage, FormulaSerializerField validation, runtime formula functions, backend and frontend data…

baserow/baserow

Apple Human Interface Guidelines for iPad. An agent skill from ehmo/platform-design-skills.

ehmo/platform-design-skills

You MUST use this before any creative or design work — building features, creating components, designing interfaces, modifying user-facing behaviour.

Owl-Listener/designpowers

A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness

Install, configure, and initialize KtUI (Keenthemes Tailwind UI) in any project.

keenthemes/ktui

Advanced Regle form validation patterns — collection validation with $each, async rules and $pending, server/externalErrors, $reset options, global config with defineRegleConfig, discriminated-union…

victorgarciaesgi/regle

Use the Figma MCP server to translate a Figma design into a Vue page or component layout.

Mystic-Stars/Axolotl

A skill your agent uses when adding, finding, changing, reading or auditing a UI string in Trilium — "is there already a key for X?", "add a translation key", "what does <key say?", "what does this…

TriliumNext/Trilium

A skill your agent uses when adding screen reader and keyboard navigation to PixiJS v8 apps.

netaart/cohub

A skill your agent uses when designing without an existing brand system.

manalkaff/opendesign

Odoo 18 development reference for Python models and ORM (search, domain, readgroup, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, record rules, groups)…

unclecatvn/agent-skills

Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive.

growupanand/ConvoForm

How to build UI in this repo — compose classes with cn, use the CSS-variable design tokens (never raw hex/px), reuse the typographic and ui/ primitives, and define variants with cva like the…

flornkm/personal-site

Run an offline ASO audit on canonical App Store metadata under ./Store and surface keyword gaps using Astro MCP.

CamilleScholtz/swmpc

This skill should be used after visual-spec-review passes and before OpenSpec UI update or frontend implementation.

Jason904/ui-skill-lab

Reviews a code change for correctness, security, maintainability, architecture, performance, and verification gaps, or performs a local code-smell review.

hylarucoder/hai-stack

Use when you need to convert / rewrite existing HTML (from a file or url) into Jaspr code.

rodydavis/signals.dart

Take a screenshot of the running Mycelium app, or of CLI output rendered as a terminal card, or record a short video of a flow with a visible cursor and click/zoom animations.

mycelium-io/mycelium

A skill your agent uses when observing or driving an iOS simulator for KMReader debugging — screenshots, accessibility tree, tap/swipe/gestures, hardware buttons, orientation, and unified logs via…

kmworks/kmreader

Cross-discipline interface review. An agent skill from Lily-404/blog.

Lily-404/blog

Documents how LobeHub's standalone micro apps are hosted, built and routed differently on Cloud versus self-hosted Docker, so a change does not break one path while fixing the other.

lobehub/lobehub

Picks and customizes CometChat's Angular UI Kit components by their verified component list, exact input and output event names, and the surfaces that have no kit component at all.

cometchat/cometchat-skills

Make a launch video for your startup or product with Pexo. An agent skill from pexoai/pexo-skills.

pexoai/pexo-skills

Update ryOS documentation by analyzing the codebase and syncing docs with current implementation.

ryokun6/ryos

Reverse-engineer a design system from a live website (public URL or localhost).

espennilsen/pi

Best practices for internationalization (i18n) and localization (l10n) in Flutter, using the built-in flutterlocalizations and intl setup with ARB files as the single source of truth.

VeryGoodOpenSource/vgv-ai-flutter-plugin

Extract comprehensive site specifications from simple descriptions.

Automattic/wordpress-agent-skills

Cut and publish a Gerillass release — version bump, changelog, tag, GitHub release, npm publish, and post-publish verification.

selfishprimate/gerillass

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

bergside/awesome-design-skills

Guides building a new Handsontable cell editor through its four-state lifecycle, DOM setup, viewport-aware positioning and async validation, matching the grid's existing editor classes.

handsontable/handsontable

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

alirezarezvani/claude-skills

A skill your agent uses when you need to trigger actions and submit forms.

thedaviddias/ux-patterns-for-developers

Updates Nacos download page and release history from a GitHub release URL.

nacos-group/nacos-group.github.io

Styling and layout guide for Saleor Apps using modern macaw-ui and @saleor/apps-ui-next.

saleor/apps

Read before changing any component, page, or styles. An agent skill from igrlk/storybook-addon-test-codegen.

igrlk/storybook-addon-test-codegen

Design and maintain Ordinus typed IPC contracts. An agent skill from muratgur/ordinus.

muratgur/ordinus

A skill your agent uses whenever the user wants the Zova frontend path in this Cabloy repo: create or extend pages, components, api or model beans, route/query/params work, metadata refresh…

cabloy/cabloy

A skill your agent uses when building or reviewing UI components for keyboard and screen reader compatibility, adding ARIA to custom widgets, auditing a page for WCAG AA conformance, or preparing…

kid-sid/claude-spellbook

Comprehensive UI/CSS review using parallel agents. An agent skill from aaddrick/claude-pipeline.

aaddrick/claude-pipeline

Make images, textures, illustrations and background video for a website or app you are building, with Glif, and wire them into the code.

glifxyz/glif-mcp-server

Add modal dialogs and overlay UI with focus trapping. An agent skill from RtlZeroMemory/Rezi.

RtlZeroMemory/Rezi

A skill your agent uses when creating or modifying React components.

programming-in-th/programming.in.th

Review Sentry React and TypeScript changes for bug patterns drawn from real production issues.

getsentry/sentry

Analyzes GitHub discussion links to identify documentation gaps.

AvaloniaUI/avalonia-docs

社媒矩阵数据追踪面板模板（Social Media Matrix Tracker）. An agent skill from nexu-io/open-design.

nexu-io/open-design