Web Artifacts Builder
This skill should be used when creating "interactive web components", "live demos", "prototype interfaces", "component showcases", "interactive examples", "web-based tools", or when building dynamic web artifacts for testing and demonstration purposes.
Frontend Design
This skill should be used when implementing "UI/UX design", "Streamlit component design", "frontend styling", "user interface consistency", "design system implementation", "responsive design", or when creating cohesive visual interfaces for web applications.
Figma to Streamlit Component
This skill should be used when "generating components from Figma", "implementing Figma designs", "importing Figma frames", "converting Figma to code", or when creating Streamlit components from design specifications.
Vercel Deploy
This skill should be used when the user asks to "deploy to Vercel", "deploy frontend", "push to production", "deploy my app", "go live on Vercel", or mentions Vercel deployment workflows.
Railway Deploy
This skill should be used when the user asks to "deploy to Railway", "deploy backend", "deploy Python app", "deploy Node.js server", "railway deployment", or mentions Railway hosting workflows.
Systematic Debugging
This skill should be used when the user asks to "debug this issue", "find the root cause", "investigate the bug", "systematic debugging", "troubleshoot the problem", or needs help with systematic problem-solving and root cause analysis.
Cost Optimization Analyzer
This skill should be used when the user asks to "analyze costs", "optimize infrastructure spending", "reduce operational expenses", "monitor API costs", "audit cloud resources", "optimize database queries", or needs comprehensive cost analysis and optimization recommendations.
Verification Before Completion
This skill should be used when the user asks to "verify the implementation", "check before finishing", "quality gates", "pre-completion validation", "verify before deploy", or needs comprehensive quality validation before marking work as complete.
Requesting Code Review
This skill should be used when the user asks to "request code review", "prepare for PR review", "code review checklist", "pre-review validation", "review preparation", or needs guidance on preparing code for peer review.
Workflow Automation Builder
This skill should be used when the user asks to "automate workflows", "create CI/CD pipelines", "automate deployments", "setup GitHub Actions", "optimize build processes", "automate testing", or needs comprehensive workflow automation and process optimization.
Self-Service Tooling
This skill should be used when the user asks to "create admin interfaces", "build self-service tools", "generate debugging tools", "create monitoring dashboards", "automate troubleshooting", or needs comprehensive self-service capabilities to reduce manual support overhead.
Maintenance Automation
This skill should be used when the user asks to "automate maintenance", "update dependencies", "security scanning", "automated backups", "system health monitoring", or needs comprehensive automated maintenance to reduce operational overhead and prevent technical debt.
ROI Tracking Framework
This skill should be used when the user asks to "track ROI", "measure cost savings", "calculate return on investment", "analyze efficiency gains", "measure automation impact", or needs comprehensive ROI measurement and business impact analysis for development and automation initiatives.
Subagent-Driven Development
This skill should be used when coordinating "multiple specialized agents", "complex workflow orchestration", "autonomous development teams", "agent collaboration", "distributed task management", or when managing sophisticated multi-agent development processes.
portfolio-architect
Transform service catalog into high-ticket portfolio assets with progressive complexity: basic workflow or advanced Claude Code 2.1.0 features with agent coordination
Dispatching Parallel Agents
This skill should be used when managing "concurrent agent execution", "parallel task processing", "load balancing across agents", "resource optimization", "high-throughput workflows", or when orchestrating multiple agents working simultaneously on different aspects of complex projects.
Theme Factory
This skill should be used when implementing "professional styling", "theme systems", "brand consistency", "design tokens", "visual identity", "color schemes", "typography systems", or when creating cohesive visual themes for applications.
requirements-analysis
分析业务需求并创建完整的软件需求规格说明书。在项目启动、新增功能或需求变更时使用。该技能会引导你完成需求收集、分析和文档化过程，确保需求清晰、完整且可验证。
product-design
设计产品线框图、用户流程和交互原型。在需求分析后、UI 开发前使用。该技能会创建产品线框图（HTML/SVG 格式）、用户流程图和交互原型规格，确保产品设计符合用户体验最佳实践。
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
sdlc-retro
周度工程复盘。分析提交历史、工作模式和代码质量指标，支持团队感知，识别当前用户，分析每个贡献者的优点和成长空间。
sdlc-qa-report
|
sdlc-qa-browse
快速无头浏览器，用于 QA 测试和站点验证。导航任意 URL，与元素交互，验证页面状态，对比操作前后差异，截取带注释的截图，检查响应式布局，测试表单和上传。
sdlc-ceo-review
CEO/创始人视角的计划审视。重新思考问题，找出10星产品，挑战前提假设，在创造更好产品时扩展范围。四种模式：范围扩展、选择性扩展、保持范围、范围缩减。
template-skill
Replace with description of the skill and when Claude should use it.
tembo-cli
Interact with the Tembo Public API to create coding tasks, list repositories, and manage AI agent workflows. Use when automating Tembo tasks, integrating Tembo into CI/CD pipelines, or building custom tooling around Tembo's AI coding agents.
mapcn-docs
Use when building documentation sites with live code previews, component library docs, API reference pages, or interactive code examples using Next.js App Router and shadcn/ui.
atomic-commits
Split staged git changes into logical atomic commits. Use when asked to "commit atomically", "split my changes", "make atomic commits", or "create separate commits".
atomic-commits-philosophy
Always make small, focused atomic commits. Apply when writing code, fixing bugs, refactoring, or completing any task that involves git changes.
zenbin
A pastebin like service for agents
data-model-designer
|
agent-memory
Use this skill when the user asks to save, remember, recall, or organize memories. Triggers on: 'remember this', 'save this', 'note this', 'what did we discuss about...', 'check your notes', 'clean up memories'. Also use proactively when discovering valuable findings worth preserving.
agentation
Add Agentation visual feedback toolbar to a Next.js project
claude-code-command-author
>
ia-architect
>
implement-design
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.
nanobanana-prompt-writer
>
nextjs-app-router-guide
Next.js App RouterでのServer Components / Server Actions / Route Handlers等の使い分けガイド。「Server ComponentとClient Componentの違い」「Server Actionsの使い方」「revalidatePath/revalidateTagの違い」などの質問に回答する際に参照する。
phaser-gamedev
>
playwright-testing
>
prd-writer
>
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
screen-transition-diagram
画面遷移図(画面フロー図 / Screen flow / UI flow / Wireflow)を、要件・ユーザーストーリー・既存ルート・Figma構成・文章仕様から再現可能に作成/更新する。出力はMermaidのflowchartを基本とし、画面カタログ(画面ID/名称/状態/権限)と遷移カタログ(トリガー/条件/結果/例外)も併記する。例外系(失敗・戻り・未ログイン・権限不足・空状態)を必ず含め、スパゲッティ化する場合はユースケース単位で図を分割(L0/L1/L2)する。トリガー語: 画面遷移図, 画面フロー, UIフロー, screen flow, wireflow, 遷移図, フロー図, 画面一覧, 画面設計, 導線
skill-skillsmith
>
supabase-postgres-best-practices
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
ui-mockup-builder
>
ux-5-planes-designer
>
wireframe-builder
|
cli-guidelines
Design and build well-crafted command-line interfaces following modern best practices. This skill should be used when creating CLI tools, adding commands/subcommands, implementing help text, handling errors, parsing arguments/flags, or improving CLI UX. Triggers on tasks involving command-line tools, terminal interfaces, argument parsing, error handling, or CLI design.
supabase-environments
Internal guide for building the Supabase CLI environments system. Covers three-environment model, variable resolution, pull/push workflows, secret handling, branch overrides, and local file conventions. For Supabase internal development - use when implementing the env CLI subsystem or environment variable infrastructure.
Page 1580 of 1698 · 84900 results
