Frontend & Design · For designers

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

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

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

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

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

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

xiaopu-ai/web-design

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

sunkaifei/FlyCms

Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather…

s0xDk/refactoring-ui-skill

Score Russian text 0.0–10.0 across five dimensions: typography, clean language, grammar, structure, precision for the reader.

talkstream/ru-text

Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in.

bidyut10/opensourceui

Implements an interface in one of two named color modes, iridescent white or colorful black, from a parameterized starter that reports measured color intensity.

sickn33/agentic-awesome-skills

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

runkids/skillshare

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

Audit and improve web accessibility following WCAG 2.2 guidelines.

ever-works/ever-works

Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1…

Brandon030722/ark-ui-skill

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.

SuFxGIT/scoutarr

Applies motion design principles to create emotionally-driven, technically sound animations and transitions.

LottieFiles/motion-design-skill

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models.

superdesigndev/superdesign-skill

Builds, watches, and manages frontend assets in OrchardCore.

OrchardCMS/OrchardCore

Turn a directory of static HTML pages into a live commenting surface.

paraschopra/make-pages-interactive

Build new shadcn-style components for Plate's registry and editor surfaces.

udecode/plate

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI.

exceptionless/Exceptionless

Turns text, URLs or local files into tall PNG cards through HTML typography, with four modes: long reading card, full-text layout, comic and whiteboard.

lijigang/ljg-skills

Create, extract, and apply portable visual design systems via visual-style.md files.

calesthio/OpenMontage

Scans a Figma file through the Figma REST API and builds an interactive knowledge graph of its pages, screens, components and tokens for the design dashboard.

Egonex-AI/Understand-Anything

UI/UX best practices for web interfaces. An agent skill from raphaelsalaja/userinterface-wiki.

raphaelsalaja/userinterface-wiki

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.

megaarmos/vue-spring-bottom-sheet

Generate production-grade UI using real component patterns and best practices from 60+ documented interface components.

carmahhawwari/ui-design-brain

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores.

alexgreensh/anidoodle

Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with agent-browser and agent-browser eval, then synthesizing its visual language, layout system…

Paidax01/web-to-design-md

Builds or updates full Figma screens from code or a description by reusing the file's published design system components, variables and styles.

warpdotdev/warp

A skill your agent uses when helping someone install, configure, or debug a fresh clone of JARVIS (this repo) — especially "the mic doesn't work", "JARVIS says his language systems are down", any…

ethanplusai/jarvis

Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps.

pixel-point/animate-text

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract

Create or revise academic conference posters in HTML/CSS and export print-ready PDFs.

Chenruishuo/posterly

Create distinctive, production-grade frontend interfaces with high design quality.

mims-harvard/OptimusKG

Batch-scan Langflow frontend routes for accessibility issues using the Python IBM Equal Access scanner (scripts/a11y/a11yscan.py) and produce JSON/Markdown/HTML reports.

langflow-ai/langflow

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support.

vmDeshpande/ai-agent-automation

Rules for styling HTML with daisyUI 5 class names first, falling back to Tailwind utilities only when needed, and avoiding unnecessary custom CSS or default color variants.

saadeghi/daisyui

Performs an accessibility code review of a local diff or Phabricator revision in the style of the Firefox accessibility team.

SAP/project-foxhound

Extract design primitives from a public website and generate starter token files for your project.

arvindrk/extract-design-system

Elite frontend image-direction skill for generating premium, conversion-aware website design references.

caorushizi/oss-client

Keep www-sacred's TypeScript fast to type-check and fast to run.

internet-development/www-sacred

Open an HTML file, Markdown file, or localhost page in the browser so the user can edit text directly and leave comments on specific parts, then send all edits and comments back to you.

petergyang/human-review