UI Components
Code-based UI component generation and styling
feature-architect
by karchtho
architecture design system planning structure pattern integration features
frontend-design
by SOBANEJAZ
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
next-best-practices
by Jackiexiao
（中文）Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
case-study
by prabha-oss
Create a case study presentation (PPTX). Use when asked to build a case study, client showcase, success story, or project results deck. Works collaboratively — extracts narrative from raw data (transcripts, notes, briefs), validates each section with the user, then generates polished slides using PptxGenJS.
frontend-design
by october-academy
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
nextjs-best-practices
by jcastillotx
Next.js App Router development standards. Triggers when working with Next.js applications, Server Components, Server Actions, or App Router patterns.
meshy-godot-3d-suite
by tippyentertainment
Suite skill for generating 3D-ready assets for Godot Engine 4.6 RC 1 using Meshy AI: characters, enemies, props, environment pieces, and simple VFX meshes, starting from text (and optionally reference images).
referral-program
by hwatkins
"When the user wants to create, optimize, or analyze a referral program, affiliate program, or word-of-mouth strategy. Also use when the user mentions 'referral,' 'affiliate,' 'ambassador,' 'word of mouth,' 'viral loop,' 'refer a friend,' or 'partner program.' This skill covers program design, incentive structure, and growth optimization."
agents-md-bootstrapper
by Maxinger15
Analyze a code repo, find relevant skills on skills.sh, confirm with the user, and import full SKILL.md bodies into AGENTS.md (plus optional CLAUDE.md/GEMINI.md stubs).
frontend-interviewer
by showlotus
"互联网大厂前端面试官，根据简历中的项目经历或工作经历进行由浅入深的阶梯式技术提问，并提供实时反馈和改进建议。Use when: (1) 用户要求模拟前端面试，(2) 需要对简历中的前端项目/工作经历进行技术深挖，(3) 用户提供了简历内容并希望进行面试练习，(4) 需要评估前端技术深度和理解能力，(5) 希望获得面试表达技巧和改进建议。"
open-data
by JayFarei
Architect and co-design futureproof persistence systems built on open data principles. Use when designing data layers, choosing storage formats, structuring knowledge bases, building file-system-as-database architectures, or evaluating existing systems for portability and longevity. Use when user says "design my data model", "how should I store this", "is my data portable", "audit my persistence layer", "plan a migration", or asks about file-based databases, Markdown schemas, or Obsidian-compatible data formats. Do NOT use for general coding tasks, database query optimization, or SQL schema design.
human-interface-guidelines-1992
by diskd-ai
Apply and review classic desktop UI designs against the 1992 Human Interface Guidelines. Use when designing or auditing menus, windows, dialog/alert boxes, controls, icons, color, mouse/keyboard behaviors, language/messages/help (including Balloon Help), localization/worldwide compatibility, accessibility (universal access), and collaborative-computing UX for desktop-style interfaces.
claude-power-pack
by jacobo07
"Universal AI execution framework — tiered loading, zero-issue delivery, self-healing"
design-patterns
by bfmcneill
Use when refactoring code or designing flexible systems. Covers creational, structural, and behavioral patterns with Python examples.
flame-game-dev
by miles990
Flame Engine 2D game development master index - core, systems, templates
create-test
by fancy-bread
Create Test
frontend-design
by D-e-r-i-c-k
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
flutter-theme-factory
by syeduzaif
Toolkit for styling Flutter apps with a theme. Apply pre-built or custom ThemeData configurations to any Flutter app — including full ColorScheme, TextTheme, component themes, and dark/light mode support. 12 pre-set themes available, or generate a custom theme on-the-fly.
refactoring
by iamkhan21
Apply systematic code refactoring with small steps, clear boundaries, and proven techniques. Use when improving existing code, reducing technical debt, cleaning up legacy code, or when user mentions refactoring, code cleanup, or code improvement.
coding-standards
by Sylla-BV
This skill should be used when the user asks about "coding standards", "code style", "how should I write this", "is this correct style", "what's the convention for", "interface vs type", "should I use React.FC", "how do we handle errors", "tryCatch pattern", "db query style", "arrow functions", "named vs default export", "how to structure this file", "barrel files", "institutionId", "multi-tenant", "page-content pattern", "naming conventions", "SCREAMING_SNAKE_CASE", "reviewing a PR", "does this pass code review", or wants to know whether code follows Sylla's Next.js 16 repository standards.
dedsi-vue3-coding
by DedsiTeam
Vue 3 coding guidelines and best practices with Dedsi UI components
2d-games
by slurpyb
2D game development principles. Sprites, tilemaps, physics, camera.
shadcn-setup
by wiztral
Initialize Shadcn UI in an EXISTING Next.js or React (Vite) project.
roier-seo
by KemenyStudio
Technical SEO auditor and fixer. Use when the user wants to: - Run a Lighthouse/PageSpeed audit on a website or local dev server - Analyze SEO, performance, accessibility, or best practices scores - Fix technical SEO issues in their codebase - Optimize meta tags, structured data, Core Web Vitals - Improve page speed, accessibility, or PWA compliance Triggers: "audit my site", "check SEO", "fix SEO", "lighthouse", "pagespeed", "improve performance", "meta tags", "structured data", "core web vitals"