Frontend & Design · npm

Guides migration of a web project to OUDS Web (Orange Unified Design System).

Orange-OpenSource/Orange-Boosted-Bootstrap

shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS.

blencorp/claude-code-kit

A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project.

skilld-dev/vue-ecosystem-skills

Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.

AThevon/genjutsu

Write or update the end-user documentation at docs.moneymatter.app (packages/docs, Astro Starlight) and capture its light/dark screenshots from the local dev app with a throwaway test user.

letehaha/moneymatter

Install, build, preview, and troubleshoot the AuthCrunch documentation site; maintain npm dependencies, local command workflows, and GitHub Pages CI.

authcrunch/authcrunch.github.io

Deploy static sites and full-stack apps on Cloudflare Pages with previews, functions, and custom domains.

sickn33/agentic-awesome-skills

A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…

lintendo/Axhub-Skills

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Audit project dependencies for vulnerabilities, license issues, and bloat.

agulli/atlas-agents

Add, translate, or audit TinyWorld UI strings across English/French/Chinese/Spanish.

jasonkneen/tiny-world-builder

Generate marketing screenshots of your app using Playwright.

aiskillstore/marketplace

Edit the @posthog/quill design system locally and consume the change in products/desktop before it is published to npm.

PostHog/posthog

Assemble generated CoDD sprint fragments into a complete, buildable project.

yohey-w/codd-dev

OUDS Web project knowledge base: glossary of 154 terms, build pipeline, npm scripts, CI/CD jobs, and file structure.

Orange-OpenSource/Orange-Boosted-Bootstrap

VitePress 文档站点管理技能。负责初始化文档站点、增量同步代码变更到文档、追踪同步元数据（.docs-meta.json），生成的文档风格模仿同目录 tauri-docs / tauri-cc-docs / knowledge-base-docs。

bkywksj/knowledge-base

Headless UI for virtualizing scrollable elements in Vue. An agent skill from skilld-dev/vue-ecosystem-skills.

skilld-dev/vue-ecosystem-skills

A skill your agent uses when writing, configuring, or debugging code that imports "vitepress", when running vitepress CLI commands, editing .vitepress/config or theme files, tuning markdown or…

skilld-dev/vue-ecosystem-skills

Compare two or more npm packages side by side using live data — downloads, bundle size, GitHub stars, last update, known vulnerabilities, and community sentiment.

tinyfish-io/tinyfish-cookbook

A skill your agent uses when the user says 'ship it', 'ship this', 'release', 'publish', 'launch', 'deploy', 'go live', 'wrap this up', 'time to ship', or invokes '/ijfw-ship'.

FerroxLabs/ijfw

Run a release end to end, autonomous by default: version bump everywhere, changelog, docs, landing page, tag, push, GitHub release, PyPI/npm.

luongnv89/skills

One-time environment setup for new team members. An agent skill from WellApp-ai/Well.

WellApp-ai/Well

A skill your agent uses when starting a frontend review engagement or when the user asks for an initial assessment ("triage", "day 0", "what's the state of this repo").

mizchi/skills

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Nuxt UI v4 component library for building Nuxt v4 applications.

secondsky/claude-skills

Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends.

managedcode/dotnet-skills

Scaffold and configure a production-ready SvelteKit PWA with opinionated defaults.

LeoYeAI/openclaw-master-skills

Configure Lokalise local development with file sync and hot reload.

jeremylongshore/tons-of-skills-marketplace

Encode Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

EliasOulkadi/shokunin

Build a Mendix pluggable widget from scratch with React and TypeScript and package it as an .mpk.

mendixlabs/mxcli

Reach for this skill when an HTML artifact — report, deck, brief, mockup, dashboard, proposal, spec, or landing page, whether the user already has it or you just generated it — needs to reach other…

ooiyeefei/ccc

使用本机部署的 camofox-browser 稳定抓取微信公众号文章链接内容，优先读取浏览器 accessibility snapshot，并对公众号页噪音做专用清洗，输出 Markdown 或 JSON。

dracohu2025-cloud/draco-skills-collection

Upgrade an Angular app from CometChat UI Kit v4 → v5 (@cometchat/chat-uikit-angular ^4 → ^5).

cometchat/cometchat-skills

Use HTMLHint in .NET repositories that ship static HTML output or standalone frontend templates.

managedcode/dotnet-skills

Use webhint in .NET repositories that ship browser-facing frontends.

managedcode/dotnet-skills

Frontend audit — bundle size, dependencies, accessibility, performance, component quality.

jeremylongshore/tons-of-skills-marketplace

100+ animated React components (Aceternity UI) for Next.js with Tailwind.

secondsky/claude-skills

Validate DESIGN.md files against the official Google specification using the @google/design.md CLI linter.

fabricioctelles/skills

Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin.

EliasOulkadi/shokunin

Generate a beautiful HTML landing page from your package.json.

sundial-org/awesome-openclaw-skills

生成符合项目规范的 React 组件。当用户要求创建组件、新建 React 组件或生成组件文件时使用. An agent skill from einverne/dotfiles.

einverne/dotfiles

OceanBus SDK lighthouse — try agent-to-agent messaging in 5 minutes.

LeoYeAI/openclaw-master-skills