Design Doc Template - Auto-activating skill for Technical Documentation. Triggers on: design doc template, design doc template Part of the Technical Documentation skill category.
Score 70/100
Design embodied learning paths for tacit or judgment-heavy skills using scaffolded practice, simulation, and deliberate repetition.
Score 70/100
Understand the Design Engineer role - bridging design and implementation. Learn to think about design as code, understand rendering pipelines, optimize animation performance, and…
Score 70/100
Step-by-step guide for designing domain event schemas with JSON Schema, versioning, and implementation following patterns.
Score 70/100
Design system and anti-patterns for professional UI. Ensures apps don't look "AI generated". Defines color palettes, typography, spacing, animations, and common anti-patterns to…
Score 70/100
Export to PDF/HTML/markdown. Use when distributing documentation, creating presentations, or archiving design docs.
Score 70/100
Use when creating React/Vue components or adding UI features. Enforces composition patterns and state management best practices.
Score 70/100
Core design principles for creating distinctive, beautiful UIs with technical excellence. Combines creative direction with practical foundation for memorable, accessible…
Score 70/100
Comprehensive UI/UX design guidelines covering visual design (typography, color, motion) and user experience (cognitive psychology, interaction patterns, mental models).
Score 70/100
Make interfaces bulletproof — error boundaries, loading states, empty states, text overflow, i18n readiness, offline handling, and every edge case that breaks in production.
Score 70/100
Systematic design optimization for young-personal-site following established design principles. Ensures consistent color palette, responsive layout, and professional appearance.
Score 70/100
Generate table of contents for design documentation. Use when creating navigation, documentation overview, or module index pages.
Score 70/100
Curated collection of top-tier website designs organized by category, style, and pattern. Includes SaaS, marketing, e-commerce, and portfolio sites with analysis of what makes…
Score 70/100
Creates accurate frontend implementations from visual references while maintaining design consistency.
Score 70/100
4-step framework for system design interviews. Use when preparing for technical interviews, practicing whiteboard design, or structuring architectural discussions.
Score 70/100
Apply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the application.
Score 70/100
Create or improve welcome, nurture, onboarding, re-engagement, and other lifecycle sequences with a clear purpose for each email.
Score 70/100
Generate cross-reference graph showing relationships between design documents. Use when visualizing doc dependencies, finding related docs, or understanding documentation…
Score 70/100
Deep knowledge of legendary designers and their enduring contributions. Learn from Saul Bass, Massimo Vignelli, Dieter Rams, Paula Scher, and others whose work defines excellence.
Score 70/100
Design a Zoom MCP workflow for Claude. Use when deciding whether Zoom MCP fits a task, when planning tool-based AI workflows, or when separating MCP responsibilities from REST API…
Score 70/100
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Score 70/100
Build and present HTML/CSS design mockups with a local preview server. Use when prototyping website designs, iterating on visual concepts, or presenting design options.
Score 70/100
Historical design movements and their enduring influence. Understand Bauhaus, Swiss International Style, Art Deco, Memphis, and more.
Score 70/100
Normalize a codebase to its design system — replace hardcoded values with tokens, enforce consistent component usage, align spacing/typography/color with the established system.
Score 70/100
Design or improve onboarding flows, empty states, and first-time experiences. Progressive disclosure over feature dumps. Contextual guidance over tutorials.
Score 70/100
Run design sprints, manage handoff, establish team rituals, documentation standards, and design QA processes.
Score 70/100
Orchestrates design workflows by routing work through brainstorming, multi-agent review, and execution readiness in the correct order.
Score 70/100
Complete autonomous design overhaul — tears down dated patterns and rebuilds with modern CSS, proper tokens, purposeful motion, and production-grade quality.
Score 70/100
Design pattern notlarını (ham web clip veya basit notlar) kapsamlı, yapılandırılmış ve NotebookLM-uyumlu Obsidian notlarına dönüştürür.
Score 70/100
Conseille le pattern de conception adapté à un problème donné. Se déclenche avec "design pattern", "quel pattern", "singleton", "factory", "observer", "strategy", "SOLID",…
Score 70/100
Comprehensive knowledge of all 23 Gang of Four design patterns with progressive disclosure (Quick/Practical/Deep), pattern recognition for problem-solving, and philosophy-aligned…
Score 70/100
Comprehensive knowledge of all 23 Gang of Four design patterns with progressive disclosure (Quick/Practical/Deep), pattern recognition for problem-solving, and philosophy-aligned…
Score 70/100
Full autonomous design pipeline — Ralph Wiggum builds it, then the safety net polishes it. Chains: design-setup → design-build → (design-audit ∥ design-optimize) → design-polish →…
Score 70/100
Comprehensive PostGIS spatial table design reference covering geometry types, coordinate systems, spatial indexing, and performance patterns for location-based applications
Score 70/100
Gather user design preferences before building UI. Use when: starting a project with visual interface (Web App, Mobile, Browser Extension).
Score 70/100
Explains distributed-systems and database principles — CAP, PACELC, consistency models (linearizable/causal/eventual), consensus (Raft/Paxos/quorums), ACID vs BASE, idempotency,…
Score 70/100
Creates a design proposal before coding starts. Defines components, interfaces, coupling decisions, and test approach — forces architectural thinking before the first line of code.
Score 70/100
Reviews finished and in-progress digital products to assess adherence to design specifications and discover potential issues with those specifications.
Score 70/100
Skill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enforce hierarchy, spacing, color, and responsiveness.
Score 70/100
Generate status reports for design documentation. Use when creating documentation summaries, tracking progress, or preparing documentation reviews.
Score 70/100
Gather design change requests through interactive dialog and create a structured Issue.
Score 70/100
Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across…
Score 70/100
分析 docs/design-review-findings.md 歷史，識別跨 spec 的重複 UI 問題模式，提出流程改善建議。spectra-archive 完成或 findings 累積 5 倍數時主動觸發。
Score 70/100
Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance.
Score 70/100
Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance.
Score 70/100
ScalarDB設計エージェント - ScalarDB Clusterを使用したマイクロサービスのデータアーキテクチャ設計。分散トランザクション、スキーマ設計、ポリグロット永続化を策定。/design-scalardb [対象パス] で呼び出し。
Score 70/100
ScalarDB Analytics設計エージェント - ScalarDB Analyticsを使用した分析基盤の設計。Apache Sparkベースの分析クエリ、マルチDB横断分析を策定。/design-scalardb-analytics [対象パス] で呼び出し。
Score 70/100
Full-text search across design documentation. Use when looking for specific topics, decisions, or patterns documented across design docs.
Score 70/100
One-time autonomous design context discovery. Scans the codebase to extract design tokens, typography, colors, spacing, brand patterns, and tech stack, then writes a Design…
Score 70/100
Strip interfaces to their essence — remove unnecessary complexity, reduce visual noise, simplify navigation, and eliminate redundant UI elements.
Score 70/100
Turn a product or automation objective into a bounded runx skill package proposal.
Score 70/100
Converge on a single recommended solution after brainstorming options. Use when you have multiple candidate approaches and need to analyze trade-offs, select one, and define…
Score 70/100
Lock down design decisions before implementation — app name, terminology, design tokens, screen inventory, data models, and microcopy.
Score 70/100
Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, or live website captures.
Score 70/100
Copies an existing landing page (from URL or image) into a specified page in the codebase using Playwright MCP.
Score 70/100
Select a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or component styling consistency.
Score 70/100
Access 263+ design styles with AI-optimized prompt keywords for frontend development
Score 70/100
Sync design docs with codebase state. Use when verifying documentation accuracy, after code changes, or when last-synced is stale.
Score 70/100
Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.
Score 70/100
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc.
Score 70/100