UI 组件
基于代码的 UI 组件生成与样式实现
web-haptics
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.
wechat-typesetting-cy
CY-CHENYUE
微信公众号文章多模板排版技能。将纯文本或Markdown转换为精美排版的HTML代码，支持多种视觉风格模板。当用户提到"微信文章"、"公众号文章"、"发公众号"、"帮我排版"、"公众号排版"、"排版成微信格式"、"蓝色模板"、"暗黑模板"、"科技风排版"时触发。
software-developer
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.
cofounder-evaluator
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.
artifacts-builder
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.
constraint-eliminator
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.
expo-architect
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.
accessibility
shipshitdev
Expert in web accessibility (WCAG 2.1 AA compliance) for React/Next.js applications, ensuring all projects are usable by everyone
content-script-developer
shipshitdev
Expert in browser extension content scripts, DOM integration, and safe page augmentation across modern web apps.
bun-validator
shipshitdev
Validate Bun workspace configuration and detect common monorepo issues. Ensures proper workspace setup, dependency catalogs, isolated installs, and Bun 1.3+ best practices.
ai-loading-ux
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.
system-architect
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
Brainstorming Ideas Into Designs
bobmatnyc
Interactive idea refinement using Socratic method to develop fully-formed designs
artifacts-builder
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.
mcp-builder
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).
rust-desktop-applications
bobmatnyc
Build cross-platform desktop applications with Rust using Tauri framework and native GUI alternatives
dual-channel-watchexec-notifications
terrylica
Dual-channel notifications on watchexec events. TRIGGERS - watchexec alerts, Telegram+Pushover, file change notifications.
go-style-core
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.
auth0-react-native
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
simple-refactor
proflead
Suggest small refactors that improve readability without changing behavior. Use when a junior developer asks to clean up code.
system-design-draft
proflead
Draft a practical system design for a feature. Use when a mid-level developer needs a starting architecture.
architecture-review
proflead
Review a system architecture for scalability, reliability, and maintainability. Use when a senior developer needs to critique a design.
accessibility-basic-check
proflead
Run a basic accessibility checklist for UI changes. Use when a junior developer needs quick a11y guidance.
log-summarizer
proflead
Summarize noisy logs into likely causes and next steps. Use when a junior developer needs help interpreting logs.