Frontend & Design

Sync Pensieve's Chinese development/release branch into the English main branch.

kingkongshot/Pensieve

Explains how to use the @pierre/theming package to list, resolve, select, switch and persist themes, with controller, color and React references.

pierrecomputer/pierre

Annotate UI screenshots with documentation callouts in Fellyph's established visual style — uniform-width orange arrows with white halos, double-stroke target outlines, numbered callout cards, dim…

WordPress/wordpress-playground

Build UI with the LobeHub design system — @lobehub/ui/base-ui, the controlled form at @lobehub/ui/base-ui/form, and the chat, mobile, dashboard, awesome, brand, mdx, and i18n namespaces, plus…

lobehub/lobe-ui

Design and build motion-first creative websites — page design (structure, type scale, palette, spacing) plus interaction choreography: scroll animation, Framer Motion, GSAP, and light 3D via…

feitangyuan/motion-web

Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics.

smallnest/pigo

A skill your agent uses to review a generated HTML deck or single-page artifact for visual quality and structural correctness.

VectifyAI/OpenKB

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Ohh-889/skyroc

Guides edits to the Repomix documentation site's VitePress configuration, per-language content, and translation workflow across 14 languages.

yamadashy/repomix

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…

Ohh-889/skyroc

High-fidelity HTML design and prototype creation. An agent skill from ZeroZ-lab/cc-design.

ZeroZ-lab/cc-design

Home Assistant frontend component patterns. An agent skill from home-assistant/frontend.

home-assistant/frontend

Writes or updates the classnames front matter that renders the class table at the end of a Tabler component docs page.

tabler/tabler

Migrates React projects and components from Radix UI to Base UI.

TheOrcDev/youtube-to-blog

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

bionic-gpt/bionic-gpt

This skill should be used when the user asks to "add an API call", "change a backend", "update settings persistence", "change conversation events", "fix backend auth", "add Agent Server support", or…

OpenHands/OpenHands

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

kurealnum/dotfiles

Builds a rebranded Qwen Code desktop package from the Tauri shell using only a brand id and a logo, with sensible derived defaults.

QwenLM/qwen-code

Generate images using Google Gemini's image generation capabilities.

sanjay3290/ai-skills

Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images.

dannote/figma-use

Creates a new blank Figma design or FigJam file in your drafts folder through the Figma MCP server, resolving the plan key first when needed.

warpdotdev/warp

Detects and diagnoses chunk-evaluation timing bugs in the Vite/rolldown production build of react-ui (works-in-dev / broken-in-build i18n regressions, missing UI labels, module-scope t()…

openops-cloud/openops

Builds and edits HTML views in Go with gomponents, where components are plain functions that return a Node, instead of using template languages.

maragudk/gomponents

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use.

boussadjra/vuestrata

Build and maintain documentation sites with Mintlify. An agent skill from Arize-ai/phoenix.

Arize-ai/phoenix

Fires known chat states in the running OpenWork desktop app, such as provider errors, retries and tool steps, so you can check how each renders.

different-ai/openwork

Scan every frontend surface touched by the current PR/branch for IBM Equal Access Level 1 accessibility issues and fix all in-scope violations by default.

langflow-ai/langflow

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

growupanand/ConvoForm

Searches more than 200 Iconify icon libraries and fetches icons as SVG from a command line tool or an MCP server.

dtsola/xiaoyaosearch

Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

BayBreezy/ui-thing

Handle Hugo docs information-architecture moves: discover old vs new URLs, add front matter aliases (Phase 1), update in-repo links (Phase 2), interactive List 2 resolution and fragment validation…

docker/docs

Turns popular-science text into an animated slide-style single-page HTML presentation, or restyles it as a flat-UI flowchart, using templates built into the skill.

Unclecheng-li/AI-Animation-Skill

Non-animation creative direction for HyperFrames videos. An agent skill from chmonitor/chmonitor.

chmonitor/chmonitor

Extracts evidence-backed style guides and motion appendices from websites, keeping reusable visual language and stripping product-specific content.

Lucent-Snow/style-extractor

Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes.

saadeghi/daisyui

OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs.

msmps/opentui-skill

Applies UX writing practice to interface copy such as buttons, errors, forms and onboarding, using four quality standards and accessibility guidance.

content-designer/ux-writing-skill

A skill your agent uses when the user mentions "pinme", or needs to upload files, store to IPFS, create/publish/deploy websites or full-stack services (including frontend pages, backend APIs…

glitternetwork/pinme

Multi-style illustrations from Chinese article text (配图 / illustration): quirky sketch, warm storybook, product proposal; OR custom IP enrollment (自定义 IP / 录入 IP / 上传形象 / 新建 IP).

GiMi-Xiaomi/gimi-illustration-skill

Build React applications using React Router's declarative mode with BrowserRouter.

halo-dev/upage

A skill your agent uses when a Solo task or thread should become an interactive, reviewable, self-contained HTML artifact for progress/status, review/decision, or comparison/leaderboard work inside…

solo-agent/solo

Automate Adobe After Effects via ExtendScript. An agent skill from aedev-tools/adobe-agent-skills.

aedev-tools/adobe-agent-skills

Comprehensive guide to Antigravity Manager architecture, workflows, and development.

Draculabo/AntigravityManager

Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

raintree-technology/hig-doctor

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products…

agiwhitelist/auteur

Builds Marp slide decks in one of seven ready-made themes, using bundled templates plus syntax, image and style references to keep slides short and readable.

jjmartres/opencode

Format and lint Markdown in this repository against GitHub Flavored Markdown and its markdownlint-cli2 configuration — headers, lists, code fences, callouts (VitePress containers on docs-site pages…

facioquo/stock-indicators-dotnet

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX…

xiaopu-ai/web-design