設計
15354 skills in 內容與媒體 > 設計
guardrails-contracts
Follow these patterns when designing guardrails validation contracts in OptAIC. Use for signal bounds, dataset schemas, portfolio constraints, PIT validation, and other domain-specific validation rules. Covers the "Law vs Police" architecture where Definitions contain contracts and the Engine enforces them.
architecture-systems
Master system design and scalable architecture. Learn distributed systems, scalability patterns, high availability, and designing large-scale systems.
julien-dev-hook-creator
Guide for creating Claude Code hooks - shell commands that execute at specific lifecycle events (SessionStart, SessionEnd, PreToolUse, PostToolUse, etc.). Use when users want to automate actions, add validation, logging, or integrate external tools into Claude Code workflows.
add-provider
Guide for adding new AI providers to ClaudeBar using TDD patterns. Use this skill when:(1) Adding a new AI assistant provider (like Antigravity, Cursor, etc.)(2) Creating a usage probe for a CLI tool or local API(3) Following TDD to implement provider integration(4) User asks "how do I add a new provider" or "create a provider for X"
ctxarchitect
Systematic architecture analysis following Understand → Research → Specify → Decompose → Plan workflow. Use for system design, solution evaluation, build vs buy decisions, and task decomposition. Activate when users say "design", "architect", "break down", "best approach", or "should I build".
layer-09-ux
Expert knowledge for UX Layer modeling in Documentation Robotics
shadcn-ui
Builds accessible UI with shadcn/ui including component installation, customization, theming, and Radix primitives. Use when adding UI components, customizing design systems, implementing accessible interfaces, or building component libraries.
requirements-analysis
Waterfall Phase 1 - Requirements Analysis (需求分析)
rollup
Configures Rollup for ES module bundling with plugins, tree shaking, and multiple output formats. Use when building JavaScript libraries, creating optimized bundles, or publishing npm packages.
study-buddy
An accountability partner for long-term learning journeys. Use when starting a study session to pick up where you left off, get progress summaries, receive quizzes on book material, get guidance on projects, track milestones, and stay motivated. Triggers on: "lets study", "study session", "continue learning", "what should I work on", "quiz me", or when working in a folder with comprehensive-study-plan.md and current-focus.md files.
frontend-components
Design and build reusable, composable UI components following the single responsibility principle with clear prop interfaces and proper state management. Use this skill when creating or modifying React components, Vue components, Svelte components, web components, or any modular UI building blocks. Use this skill when implementing component composition patterns, defining component props and interfaces, managing local component state, or creating component documentation. Use this skill when working with component files in components/, widgets/, views/, or pages/ directories. Use this skill when refactoring large components into smaller composable pieces, establishing component naming conventions, or designing component APIs for reusability across different contexts.
vuer-uikit
Expert knowledge of Vuer UIKit, a React component library for building interactive 3D and UI applications with 38 components and a powerful Dial system
dashboard
Multi-project dashboard for managing PopKit-enabled projects. Shows health scores, recent activity, and quick actions across all registered projects. Use when switching between projects, checking overall status, or managing project registry. Do NOT use if only working in a single project - use morning routine or next-action instead.
validate-requirements
Validate requirements quality - unique keys, acceptance criteria, testability, clarity. Sensor detecting requirement quality issues. Use before moving to Design stage or as quality gate.
prisma
Type-safe database access with Prisma ORM for Node.js and TypeScript. Use when designing schemas, writing queries, running migrations, or optimizing database operations. Triggers on Prisma, database, ORM, migration, or SQL questions.
typescript-best-practices
Guide AI agents through TypeScript coding best practices including type safety, error handling, code organization, and architecture patterns. This skill should be used when generating TypeScript code, reviewing TypeScript files, creating new TypeScript modules, refactoring JavaScript to TypeScript, or when the user asks about TypeScript patterns, types, or coding standards. Keywords: typescript, types, coding standards, best practices, type safety, generics, architecture, refactoring.
guia-diseno-ui-moderno
Enseña principios de diseño UI/UX profesional para crear interfaces hermosas y modernas. Incluye paletas de colores contemporáneas, tipografía, espaciado y componentes. Evita clichés como gradientes azul-púrpura. Úsalo al diseñar cualquier interfaz de usuario.
cloudflare-zero-trust-access
Use this skill when integrating Cloudflare Zero Trust Access authentication with Cloudflare Workers applications. Provides Hono middleware setup, manual JWT validation patterns, service token authentication, CORS handling with Access, and multi-tenant configurations. Prevents 8 common errors including CORS preflight blocking (45 min saved), key cache race conditions (20 min), missing JWT headers (30 min), and dev/prod team mismatches (15 min). Saves ~58% tokens (3,250 tokens) and 2.5 hours per implementation. Covers user authentication flows, service-to-service auth, geographic restrictions, role-based access control, and Access policy configuration.Keywords: Cloudflare Access, Zero Trust, Cloudflare Zero Trust Access, Access authentication, JWT validation, access jwt, service tokens, hono cloudflare access, hono-cloudflare-access middleware, workers authentication, protect worker routes, admin authentication, access policy, identity providers, azure ad access, google workspace access, okta access, github a
design-archivist
Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction design across any domain (portfolios, e-commerce, SaaS, adult content, technical showcases). This skill should be used when users need exhaustive design research, pattern recognition across large example sets, or systematic visual analysis for competitive positioning.
go-reviewer
WHEN: Go project review, error handling, goroutines, interfaces, testingWHAT: Error handling patterns + Concurrency safety + Interface design + Testing + Idiomatic GoWHEN NOT: Go API frameworks → go-api-reviewer, Rust → rust-reviewer