UI Components

Code-based UI component generation and styling

Showing 7081-7104 of 7906 skills

Synopsis Skill

by yousufjoyian

Claude agent skills and workspace configuration

Processing 0 4mo ago

UI/UX Pro Max - Design Intelligence

by zwmmm

Design 0 4mo ago

game-design-compass

by payolajoker

Comprehensive game design planning skill that unifies role-based, genre-based, and platform-based design workflows into one system. Use when planning game concepts, writing or refining GDD sections, designing core loops, progression, balance, economy, narrative, level flow, UI/UX, monetization, or adapting design decisions for mobile, PC, console, web/HTML5, and VR/AR. Especially useful when the request needs structured design outputs with checklists, KPIs, risks, and implementation-ready handoff artifacts.

Design 0 3mo ago

remotion-best-practices

by Jackiexiao

Remotion的最佳实践-在React中创建视频

Animation 0 3mo ago

react-native-app

by fanthus

Build cross-platform mobile applications using React Native. Use when the user wants to create, develop, or work with React Native apps for iOS and Android. Triggers include requests to build mobile apps, create React Native components, set up navigation, integrate native modules, handle app state management, implement animations, or work with React Native specific features like FlatList, StyleSheet, or platform-specific code.

Processing 0 4mo ago

react-triage

by basst85

Maintain and extend the React Triage Bun CLI that scans React/Next.js projects with Oxlint, custom checks, Vercel best-practice rules, and security auditing. Use this skill when modifying scan logic, adding diagnostics, adjusting scoring, updating CLI/report output, or debugging Bun-based project analysis behavior.

Analytics 0 3mo ago

page-driven-development

by fuxingloh

Review and write React/Next.js code following Page Driven Development principles. Use when organizing components, making file structure decisions, or asked to "review structure", "organize code", "refactor components", or "follow PDD".

Analytics 0 4mo ago

developing-lt-frontend

by lenneTech

Handles ALL Nuxt 4 and Vue frontend development tasks. Activates for .vue files, nuxt.config.ts, Nuxt UI, TailwindCSS, or files in app/components/, app/composables/, app/pages/, app/interfaces/, app/layouts/. Supports monorepos (projects/app/, packages/app/). Covers composables, forms (Valibot), API integration (types.gen.ts, sdk.gen.ts), authentication (Better Auth), SSR, and Playwright E2E testing. NOT for NestJS backend (use generating-nest-servers). NOT for security theory (use general-frontend-security).

API Dev 0 3mo ago

weread-researcher

by CPythoner

Prefer concise, structured Markdown for normal responses. Use HTML only when the user asks for export or when /weread-loop --html is invoked.

Templates 0 17d ago

FlowForge Crypto

by MageExemplify

No test suite exists — manual verification in the browser UI required

Templates 37 1d ago

seo-analyzer

by loo-y

基于 Google 官方文档的 SEO 自动检测工具。自动分析网址的技术 SEO、内容元数据、性能体验和链接结构，输出符合 Google 最佳实践的检测报告。使用场景：(1) 分析网站 SEO 状况，(2) 诊断搜索引擎排名问题，(3) 验证页面是否符合 Google Search Essentials 标准，(4) 生成可执行的 SEO 优化建议。

Agents 0 4mo ago

prd

by AidanGio

"Generate a Product Requirements Document (PRD) for a new feature. Use when planning a feature, starting a new project, or when asked to create a PRD. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out."

Automation 0 4mo ago

nextjs

by Dsantiagomj

Next.js 15 patterns for App Router, Server Components, streaming, and modern React applications. Trigger: When building Next.js apps, when using App Router, when implementing Server Components, when setting up API routes, when configuring middleware, when optimizing Next.js performance.

API Dev 0 4mo ago

Dual-Brand Architecture

by tachfineamnay

SocioPulse/MedicoPulse multi-brand configuration, theming, and feature flags.

Testing 0 4mo ago

Project Init Skill

by yousufjoyian

Use session-save to maintain context

CLI Tools 0 4mo ago

Shadcn UI Designer

by anonymze

"Designs modern, clean UI components and pages following Shadcn principles with minimalism, accessibility, and beautiful defaults. Use when building new UI components, redesigning pages, or creating consistent UI or simply wanting to use shadcn."

Accessibility 0 5mo ago

chat-to-obsidian-note

by SakumyZ

将 AI 聊天内容提炼为结构化技术文档并保存到 Obsidian 知识库。支持三种文档类型：问题解决型、知识学习型、方案对比型。自动推断知识库分类目录，生成符合 Obsidian 规范的 Markdown 文件（含 frontmatter、双链）。适用于：(1) 聊天中解决了技术问题后想记录下来，(2) 学到新知识想沉淀到知识库，(3) 对比了多个方案后想保存决策过程。触发条件：用户说"保存到知识库"、"导出到 Obsidian"、"记录到笔记"、"保存这次对话"、"转成文档"等。

Docs Gen 0 3mo ago

hytopia-mobile

by Abstrucked

Helps implement mobile support in HYTOPIA SDK games. Use when users need touch controls, mobile UI, device detection, or cross-platform compatibility. Covers mobile controls, touch input, and responsive UI.

Game Dev 0 4mo ago

software-architecture

by pachoroa

Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development.

File Ops 0 3mo ago