UI Components
Code-based UI component generation and styling
form-design
by moderndegree
Form UX patterns, field types, multi-step wizards, and layout. Use when building forms, registration flows, or any data collection interfaces.
nextjs-project-starter
by testacode
Crea proyectos Next.js con stack configurable (Mantine, Supabase, Zustand). Usa cuando el usuario diga "crear proyecto Next.js", "nuevo proyecto web", "empezar app fullstack", "bootstrap Next.js", o quiera iniciar un proyecto personal.
PPT Generator Pro - Claude Code Skill
by girish6055
完整文档：参见 README.md
browser-extension-builder
by hocgin
"Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing. Use when: browser extension, chrome extension, firefox addon, extension, manifest v3."
react
by kprsnt2
React development patterns and best practices including hooks, state management, and performance optimization.
frontend-component
by shaul1991
컴포넌트 개발 에이전트. React/Next.js 컴포넌트를 설계하고 구현합니다.
angular-enterprise-ui
by JoseGusnay
"Smart/Dumb component patterns, Standalone components, modern control flow (@if, @for), styling (SASS/BEM) and accessibility."
unix-software-design
by zrr1999
Unix 软件设计 17 条原则，来自 Eric Raymond 的《Unix 编程艺术》。在进行软件设计时参考这些原则。
d2
by ItsJooL
Use when writing, generating, reviewing, or improving D2 diagram code. Trigger when the user asks to create architecture diagrams, flowcharts, sequence diagrams, ER diagrams, class diagrams, or any diagram using D2 syntax. Also trigger when working with .d2 files or when the d2_render MCP tool is available.
Design Figma Agent
by shaul1991
ë¹ë기 ì²ë¦¬: í°í¸ ë¡ë ë± ë¹ë기 ìì ì await ì¬ì©
adaptive-suite
by AlvisDunlop
A continuously adaptive skill suite that empowers Clawdbot to act as a versatile coder, business analyst, project manager, web developer, data analyst, and NAS metadata scraper. It intelligently discovers free resources, adapts to user context, and ensures reliable, proven guidance across multiple domains.
frontend-developer
by YPYT1
集合了所有的openclaw,claudecode,open等各个平台所有的skills
angular-frontend-clean-architecture
by luismpenholato
Angular 21 standalone frontend with Clean Architecture, vertical slice (pages by feature), signals, OnPush, and ng-zorro. Use when creating or refactoring Angular apps, adding pages, components, services, directives, pipes, or when the user mentions Angular frontend, standalone components, or signals.
carbon-icons
by CoRLab-Tech
Carbon Design System icon usage for React components. MANDATORY when any component includes an icon. Use when implementing UI components that need icons, building atoms/molecules/organisms with icon elements, or adding icons to buttons, inputs, navigation, or any other UI element. Covers icon imports, sizing, color, alignment, touch targets, and the V-Shield Design System icon labeling system.
python-conventions
by rory-data
Python coding standards including PEP 8, type hints, modern syntax (3.11+), ruff formatting, uv package management, and best practices. Use when writing, reviewing, or refactoring Python code, setting up Python projects, or managing dependencies.
qq-email
by shadowcz007
面向 QQ 邮箱的 IMAP 收邮件、SMTP 发邮件；账号与授权码从环境变量 QQ_EMAIL_ACCOUNT、QQ_EMAIL_AUTH_CODE 读取。在用户要发 QQ 邮件、收邮件、查邮件、代发邮件或配置 QQ 邮箱时使用。
nginx-config-builder
by ehtbanton
Generate NGINX configuration files for web servers, reverse proxies, load balancing, SSL termination, and static file serving. Triggers on "create nginx config", "generate nginx.conf", "nginx configuration for", "reverse proxy config".
baoyu-xhs-images
by siatwangmin
Generates Xiaohongshu (Little Red Book) infographic series with 9 visual styles and 6 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions "小红书图片", "XHS images", "RedNote infographics", "小红书种草", or wants social media infographics for Chinese platforms.
ripple-ts
by quick007
Skill that helps agents work with the framework RippleTS. Links back to the llms.txt, and provides info that might be helpful to the LLM.
react-nextjs
by Alicoder001
Next.js 14+ App Router best practices including Server Components, data fetching, caching, and Vercel optimization patterns. Use for Next.js development with waterfall prevention, bundle optimization, and server actions.
pdf-best-practices
by pdfnoodle
Comprehensive guidelines for creating HTML that renders perfectly as PDF documents. Use when generating HTML for PDF conversion, handling page breaks, formatting tables for PDF, optimizing images for print, controlling content density, setting up colors and backgrounds for print, adding headers/footers/page numbers, or creating specific document types like invoices, reports, certificates, and letters. Also use when the user mentions 'HTML to PDF,' 'PDF generation,' 'print CSS,' 'page breaks,' 'PDF layout,' 'PDF tables,' 'PDF images,' 'content density,' 'print styles,' or 'pdfnoodle.'
another-frontend-design
by zaaakher
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
android-adb-go
by httprunner
Android device control and UI automation via ADB with a Go helper CLI. Use when tasks involve connecting to devices/emulators, running adb shell commands, tapping/swiping, key events, text input, app launch, screenshots, or general device management through adb.
yo-protocol-skills
by yoprotocol
Official Yo Protocol skills bundle (SDK, CLI, React)