Frontend & Design · For frontend developers

Creates or adds Convex to an app. An agent skill from spokvulcan/poker-planning.

spokvulcan/poker-planning

Build accessible UI components with React Aria Components. An agent skill from intentui/laravel.

intentui/laravel

CLI tools for Svelte 5 documentation lookup and code analysis.

kampsy/ui

Rules for adding or changing styles in Tabler's core/scss framework: file placement, custom properties, dark mode, RTL, tests and build gates.

tabler/tabler

Web typography. An agent skill from Lily-404/blog.

Lily-404/blog

Kubeez's own skill for building an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand, generated end-to-end on the Kubeez platform.

KubeezMedia/kubeez-scroll-world-video

在 Fantastic-admin 框架中创建插槽，向布局的任意位置注入自定义内容。当用户提到以下任何需求时必须使用此技能：在头部/侧边栏/工具栏/标签栏加东西、logo 旁边加内容、侧边栏底部加用户信息、加个悬浮按钮、在导航菜单右侧加自定义组件、想在框架布局某个区域插入内容、在页面顶部或底部插入全局横幅/公告/版权栏。即使用户只是说"在顶部加个…

fantastic-admin/basic

Refine an already working product frontend in a dedicated finishing pass, preserving its identity while improving hierarchy, components, copy and responsive behavior.

MaxMiksa/Auto-Company

Use TypeUI with Hermes Agent to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

bergside/typeui

在已有应用中集成、使用或排查 ZUI 3，直接创建和注册应用自定义组件，或使用已提供的 Web Components；适用于消费方项目，不用于开发 ZUI 源码仓库。

easysoft/zui

Create dac dashboards by writing YAML or TSX definition files.

bruin-data/dac

Audit a design system's color palette against measurable color-science disciplines — WCAG/APCA contrast of declared token pairs, perceptual (OKLCH) ramp uniformity, color-blindness safety of…

rome-os/rome

A skill your agent uses to generate well-branded interfaces and assets for fast-agent, either for production or throwaway prototypes/mocks/etc.

evalstate/fast-agent

Build, review, and troubleshoot STDF Svelte 5 applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

How the atopile compiler builds and links TypeGraphs from .ato (ANTLR front-end → AST → TypeGraph → Linker → DeferredExecutor), plus the key invariants and test entrypoints.

atopile/atopile

End-to-end trip planning: gather user constraints, build a reference itinerary, research locations and dining signals via 大众点评 + 小红书, then generate an interactive mobile-first map page (Leaflet +…

hiyeshu/trip-map-builder

设计 App、后台、游戏界面和完整网站落地页，生成 UI 设计稿；按需把设计稿或截图还原为 HTML/CSS、现有前端项目或微信小程序。用户要求页面设计、完整落地页、截图还原或小程序高保真时使用。不用于普通插画、海报、故事板、纯图片编辑或无设计任务的业务代码修改。

oil-oil/draw-ui

Win32 FFI binding lifecycle for @bun-win32/ packages (Win32 DLL bindings via bun:ffi on Windows).

involvex/youtube-music-cli

Maintain gettext translations for ok-script task UI and runtime messages.

AliceJump/ok-end-field

Reference guide for writing and running Langflow frontend accessibility tests with axe (Jest) and IBM Equal Access (Playwright page.runA11yScan).

langflow-ai/langflow

用于 Dig 网页与产品界面的设计系统 skill。Use when the user mentions dig-ui, dig-ui-skill, Dig UI, catalog/wise, catalog/dig, CSS token, layout recipe, block library, dashboard, runtime, marketing, docs, or…

originaleric/dig-ui-skill

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots.

yamcodes/arkenv

Generate installable SolonCode Web UI skin zip packages from natural-language design requests.

opensolon/soloncode

Turns a short brief into a researched, distinctive website: lock the intent with at most one question, research live reference sites, source materials, then build and verify.

liucongg/liucong-skills

Grounds AI-built interfaces in real reference images and a saved personal taste profile, so UI work avoids the generic defaults of typical generated apps.

codeswithroh/tastemaker

Looks up Microsoft Fluent UI System Icons and their exact @fluentui/react-icons component names through the Fluent Icons MCP server or HTTP API, instead of guessing.

coltongriffith/fluenticons

A skill your agent uses when creating or modifying OpenChamber UI text, labels, buttons, placeholders, aria labels, empty states, toasts, dialogs, settings copy, navigation labels, or any…

openchamber/openchamber

Ports a UI component from the gaia mono repo (theexperiencecompany/gaia) into the gaia-ui registry.

theexperiencecompany/gaia-ui

Design and build native-feeling macOS application UIs. An agent skill from ceorkm/macos-design-skill.

ceorkm/macos-design-skill

Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability.

sudomakes/backroad

Write high-converting landing page copy using proven frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryBrand.

julianromli/ai-skills

Audit and update the existing Fulldev Astro UI registry against current data-slot and shadcn/ui Base UI Vega.

fulldotdev/ui

NutUI 比例缩放本地验证——写回 src/packages 下同路径组件 SCSS（跳过 src/packages//demo.scss 与 demos）；--mirror 写 scale-verify/；不写 build。

jdf2e/nutui-react

将 weapp-tailwindcss 集成到自研构建器或高级流水线，覆盖 weapp-tailwindcss/core、generator、Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph、Tailwind Scanner/source candidates、watch/HMR、source…

weapp-tailwindcss/weapp-tailwindcss

A skill your agent uses when creating or editing frontend React code in react-ui or ui-components packages.

openops-cloud/openops

Use Swimlane swim-ui (swim- custom elements) when building custom solutions, record widgets, or report widgets for Turbine.

swimlane/ngx-ui

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based…

growupanand/ConvoForm

A skill your agent uses whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from…

21st-dev/agent-elements

Systematically dogfood Exceptionless locally. An agent skill from exceptionless/Exceptionless.

exceptionless/Exceptionless

Replicate the visual style of any website and apply it to your existing codebase.

brightdata/skills

Logseq i18n workflow for adding, renaming, reviewing, or editing translation keys and user-facing strings.

logseq/logseq

A skill your agent uses when contributing to InsForge's shared dashboard package.

InsForge/InsForge

Owns the paired JSON metadata and TypeScript runner files that define the Aholo Viewer's example and Playground content.

manycoretech/aholo-viewer

Generates a full CRUD page - page component, data model and API client - from the south-admin-react project's own VS Code snippet templates.

southliu/south-admin-react

Builds a showreel-grade product film in Remotion using the product's own design tokens, components and voice, from a guided interview through a verified final render.

Rieranthony/product-film-skill

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.

lobehub/lobe-icons

Obsidian house style for the wording of user-facing UI strings — command names, setting labels, button text, notices, modal copy.

aidenlx/zotlit

Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations.

jiji262/claude-design-skill