UI Components

Code-based UI component generation and styling

Showing 1897-1920 of 8223 skills
lochie

web-haptics

by lochie

Add haptic feedback to web apps using the web-haptics library. Use when building mobile-facing UIs that need tactile feedback on buttons, toggles, forms, pickers, and other interactive elements.

Templates 2.8K 6mo ago
CY-CHENYUE

wechat-typesetting-cy

by CY-CHENYUE

微信公众号文章多模板排版技能。将纯文本或Markdown转换为精美排版的HTML代码,支持多种视觉风格模板。当用户提到"微信文章"、"公众号文章"、"发公众号"、"帮我排版"、"公众号排版"、"排版成微信格式"、"蓝色模板"、"暗黑模板"、"科技风排版"时触发。

UI Components 61 6mo ago
nahisaho

software-developer

by nahisaho

software-developer skill Trigger terms: implement, code, development, programming, coding, build feature, create function, write code, SOLID principles, clean code, refactor Use when: User requests involve software developer tasks.

Auth 72 9mo ago
shipshitdev

cofounder-evaluator

by shipshitdev

Use this skill when users need to evaluate potential co-founders, assess founder compatibility, design equity splits, or navigate co-founder relationships. Activates for "should I work with this person," "co-founder fit," "equity split," or founding team questions.

Linting 35 7mo ago
shipshitdev

artifacts-builder

by shipshitdev

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, @agenticindiedev/ui). Use for complex artifacts requiring state management or shared UI components - not for simple single-file HTML/JSX artifacts.

CLI Tools 35 7mo ago
shipshitdev

constraint-eliminator

by shipshitdev

Use this skill when users need to remove customer friction, improve customer success, handle objections, design guarantees, or eliminate obstacles between customers and results. Activates for customer success issues, objection handling, or "customers can't get results" problems.

Code Gen 35 7mo ago
shipshitdev

expo-architect

by shipshitdev

Scaffold a production-ready Expo React Native app with working screens, navigation, and optional Clerk auth. Generates complete mobile app structure that runs immediately with bun start.

Auth 35 7mo ago
shipshitdev

accessibility

by shipshitdev

Expert in web accessibility (WCAG 2.1 AA compliance) for React/Next.js applications, ensuring all projects are usable by everyone

Accessibility 35 7mo ago
shipshitdev

content-script-developer

by shipshitdev

Expert in browser extension content scripts, DOM integration, and safe page augmentation across modern web apps.

Linting 35 7mo ago
shipshitdev

bun-validator

by shipshitdev

Validate Bun workspace configuration and detect common monorepo issues. Ensures proper workspace setup, dependency catalogs, isolated installs, and Bun 1.3+ best practices.

Processing 35 7mo ago
shipshitdev

ai-loading-ux

by shipshitdev

Design AI loading, thinking, and progress indicator UX. Use when explicitly asked to improve AI waiting states, add thinking indicators, or design loading UX for AI interfaces. Covers reasoning display (chain-of-thought), progress steps, streaming states, and the "elevator mirror effect" for reducing perceived wait time.

Animation 35 7mo ago
aj-geddes

system-architect

by aj-geddes

Designs system architecture, selects tech stacks, defines components and interfaces, addresses non-functional requirements. Trigger words - architecture, system design, tech stack, components, scalability, security, API design, data model, NFR, patterns, microservices, monolith

Agents 479 6mo ago
bobmatnyc

Brainstorming Ideas Into Designs

by bobmatnyc

Interactive idea refinement using Socratic method to develop fully-formed designs

Code Gen 149 10mo ago
bobmatnyc

artifacts-builder

by bobmatnyc

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

CLI Tools 149 10mo ago
bobmatnyc

mcp-builder

by bobmatnyc

Create high-quality MCP servers that enable LLMs to effectively interact with external services. Use when building MCP integrations for APIs or services in Python (FastMCP) or Node/TypeScript (MCP SDK).

Agents 149 10mo ago
bobmatnyc

rust-desktop-applications

by bobmatnyc

Build cross-platform desktop applications with Rust using Tauri framework and native GUI alternatives

Performance 149 10mo ago
terrylica

dual-channel-watchexec-notifications

by terrylica

Dual-channel notifications on watchexec events. TRIGGERS - watchexec alerts, Telegram+Pushover, file change notifications.

CLI Tools 61 6mo ago
cxuu

go-style-core

by cxuu

Core Go style principles and formatting guidelines from Google and Uber style guides. Use when writing any Go code to ensure clarity, simplicity, and consistency. This is the foundational skill - other Go style skills build on these principles.

Debugging 148 7mo ago
auth0

auth0-react-native

by auth0

Use when adding authentication to React Native or Expo mobile apps (iOS/Android) with biometric support - integrates react-native-auth0 SDK with native deep linking

Auth 44 7mo ago
proflead

simple-refactor

by proflead

Suggest small refactors that improve readability without changing behavior. Use when a junior developer asks to clean up code.

Refactoring 139 7mo ago
proflead

system-design-draft

by proflead

Draft a practical system design for a feature. Use when a mid-level developer needs a starting architecture.

Processing 139 7mo ago
proflead

architecture-review

by proflead

Review a system architecture for scalability, reliability, and maintainability. Use when a senior developer needs to critique a design.

Code Review 139 7mo ago
proflead

accessibility-basic-check

by proflead

Run a basic accessibility checklist for UI changes. Use when a junior developer needs quick a11y guidance.

Accessibility 139 7mo ago
proflead

log-summarizer

by proflead

Summarize noisy logs into likely causes and next steps. Use when a junior developer needs help interpreting logs.

Debugging 139 7mo ago