All authors
Claude Skills by majiayu000
github.com/majiayu00015,502 skills859 installs33,165 views
- Design Doc CreatorCreate AILANG design documents in the correct format and location. Use when user asks to create a design doc, plan a feature, or document a design. Handles both planned/ and implemented/ docs with proper structure.Votes: 0GitHub stars: 666
- Design Doc GeneratorThis skill should be used when the user asks to "generate design document", "create database schema", "design API interface", "draw flowchart", "create sequence diagram", "design system architecture", "design module structure", "create data flow diagram", or mentions technical design documentation. Generates comprehensive technical design documents with database schemas, API specs, and Mermaid diagrams.Votes: 0GitHub stars: 666
- Design Doc MermaidCreate Mermaid diagrams (activity, deployment, sequence, architecture) from text descriptions or source code. Use when asked to "create a diagram", "generate mermaid", "document architecture", "code to diagram", "create design doc", or "convert code to diagram". Supports hierarchical on-demand guide loading, Unicode semantic symbols, and Python utilities for diagram extraction and image conversion.Votes: 0GitHub stars: 666
- Design DocCreate an engineering design document from conversation context using the Google Drive template.Votes: 0GitHub stars: 666
- Design Document Types詳細設計書の種類と判定基準を定義し、基本設計書の内容から必要な設計書タイプを動的に決定するためのカタログVotes: 0GitHub stars: 666
- Design DocumentationTransform approved requirements into comprehensive technical designs. Define system architecture, component interactions, data models, and interfaces to create a blueprint for implementation.Votes: 0GitHub stars: 666
- Design DocumentsCo-author design docs and propose section-by-section requirement editsVotes: 0GitHub stars: 666
- Design Engineer MindsetUnderstand the Design Engineer role - bridging design and implementation. Learn to think about design as code, understand rendering pipelines, optimize animation performance, and ensure design fidelity through implementation. Use when translating designs to code, optimizing performance, or ensuring quality through development.Votes: 0GitHub stars: 666
- Design EngineerThis skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).Votes: 0GitHub stars: 666
- Design EngineeringStand up a Design Engineering practice (hybrid design+engineering) by producing a Design Engineering Execution Pack: charter, prototype→production workflow, design-to-code contract, component delivery plan, and quality bar. Use for design engineering, UI engineering, design systems engineering, and prototype-to-production processes.Votes: 0GitHub stars: 666
- Design Event SchemaStep-by-step guide for designing domain event schemas with JSON Schema, versioning, and implementation following patterns.Votes: 0GitHub stars: 666
- Design ExcellenceDesign 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 avoid. Used by Design Reviewer sub-agent to polish UI. Triggers: design review, polish UI, improve aesthetics, looks like AI made it, design system, style guide, make it beautiful.Votes: 0GitHub stars: 666
- Design ExperimentPlan LLM fine-tuning and evaluation experiments. Use when the user wants to design a new experiment, plan training runs, or create an experiment_summary.yaml file.Votes: 0GitHub stars: 666
- Design ExpertExpert-level system design, architecture patterns, scalability, and distributed systemsVotes: 0GitHub stars: 666
- Design ExplorationGenerate visual design proposal catalogues for existing projects. Use when: - User wants to explore design directions before implementation - Redesigning or refreshing an existing interface - Starting /aesthetic or /polish without clear direction - User says "explore designs", "show me options", "design directions" Keywords: design catalogue, proposals, visual exploration, aesthetic directions, DNAVotes: 0GitHub stars: 666
- Design ExportExport to PDF/HTML/markdown. Use when distributing documentation, creating presentations, or archiving design docs.Votes: 0GitHub stars: 666
- Design FirstThink before coding - design the solution before implementingVotes: 0GitHub stars: 666
- Design FoundationEstablish or formalize your design system foundation. Create design tokens (color, typography, spacing, shadows, borders), define component architecture, document design principles, and build the structure that enables consistency and scalability. Works with Tailwind CSS and framework-agnostic approaches.Votes: 0GitHub stars: 666
- Design Frontend ComponentUse when creating React/Vue components or adding UI features. Enforces composition patterns and state management best practices.Votes: 0GitHub stars: 666
- Design FrontendVisual design system patterns for web UIs — layout, spacing, responsive design, and design tokens. Extends platform-frontend with design-specific rules. Use when implementing visual designs.Votes: 0GitHub stars: 666
- Design FundamentalsCore design principles for creating distinctive, beautiful UIs with technical excellence. Combines creative direction with practical foundation for memorable, accessible interfaces. Use when building UI without specific design specs (Figma, screenshots, design files): - Creating landing pages, home pages, marketing pages from scratch - Building web apps, dashboards, admin panels without design - Choosing design system: typography, colors, spacing, visual hierarchy - Need to propose complete ...Votes: 0GitHub stars: 666
- Design Gudzenkov SuperclaudezeroCreate architecture documentation and ADRs from PRD requirementsVotes: 0GitHub stars: 666
- Design Guide MlpMLP Finanzberatung SE Corporate Design System combined with modern UI principles. Use when creating any UI, presentations, documents, or materials for MLP financial advisors. Ensures brand-compliant colors, typography, accessibility standards, consistent spacing (8px grid), and subbrand guidelines for medical professionals (MLP Med) and education (SOFE).Votes: 0GitHub stars: 666
- Design Guide UpdatedProfessional design methodology for building modern, premium interfaces with client branding. Use for ALL client work and non-AICA projects. Applies glassforium logic, cinematic polish, and intentional design principles while adapting to client colors and brand identity. For Kelvin's personal AICA brand (black glass + gold), use the 'aica' skill instead.Votes: 0GitHub stars: 666
- Design GuideModern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI components, layouts, web pages, or interactive elements including buttons, forms, cards, navigation, or complete applications. Applies to HTML, CSS, React, Vue, Svelte, and any frontend framework. Ensures consistent, minimal, and accessible design patterns.Votes: 0GitHub stars: 666
- Design GuidelinesComprehensive UI/UX design guidelines covering visual design (typography, color, motion) and user experience (cognitive psychology, interaction patterns, mental models). Use when building frontend interfaces or evaluating design decisions.Votes: 0GitHub stars: 666
- Design Handoff SpecЭксперт по design handoff. Используй для спецификаций дизайна, Figma annotations и developer handoff.Votes: 0GitHub stars: 666
- Design Implementation Guideアクセシビリティ（WCAG/ARIA/コントラスト比）やデザイントークンを実装する際に使用。フォーム・エラー表示・キーボード操作の実装時に参照。Votes: 0GitHub stars: 666
- Design ImprovementSystematic design optimization for young-personal-site following established design principles. Ensures consistent color palette, responsive layout, and professional appearance.Votes: 0GitHub stars: 666
- Design IndexGenerate table of contents for design documentation. Use when creating navigation, documentation overview, or module index pages.Votes: 0GitHub stars: 666
- Design InitInitialize new design documentation from templates. Use when creating new design docs, documenting new systems, starting architecture documentation, or setting up design docs for a new module.Votes: 0GitHub stars: 666
- Design InspirationCurated 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 them effective. Use when looking for design inspiration or examples of specific patterns.Votes: 0GitHub stars: 666
- Design Interview Methodology4-step framework for system design interviews. Use when preparing for technical interviews, practicing whiteboard design, or structuring architectural discussions. Covers requirements gathering, high-level design, deep dives, and wrap-up.Votes: 0GitHub stars: 666
- Design Jira State AnalyzerDesigns and implements state transition analysis systems for tracking time spent in different states. Use when analyzing workflows with state changes (Jira, GitHub PRs, deployments, support tickets, etc.). Covers state machine fundamentals, temporal calculations, bottleneck detection, and business metrics. Trigger keywords: "state analysis", "duration tracking", "workflow metrics", "bottleneck", "cycle time", "state transitions", "time in status", "how long", "state duration", "workflow perfo...Votes: 0GitHub stars: 666
- Design Language SystemApply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the application.Votes: 0GitHub stars: 666
- Design LinkGenerate cross-reference graph showing relationships between design documents. Use when visualizing doc dependencies, finding related docs, or understanding documentation structure.Votes: 0GitHub stars: 666
- Design Master平面设计主控 - 自动生成平面设计提示词，支持海报、logo、插画等多种设计类型Votes: 0GitHub stars: 666
- Design Microservicesマイクロサービス設計エージェント - ターゲットアーキテクチャ、変換計画、運用計画の策定。/design-microservices [対象パス] で呼び出し。Votes: 0GitHub stars: 666
- Design MobileMobile-specific visual design patterns — touch targets, gestures, and platform conventions. Use when designing mobile interfaces.Votes: 0GitHub stars: 666
- Design Patterns Expert Rysweet AzurehaymakerComprehensive knowledge of all 23 Gang of Four design patterns with progressive disclosure (Quick/Practical/Deep), pattern recognition for problem-solving, and philosophy-aligned guidance to prevent over-engineering.Votes: 0GitHub stars: 666
- Design Patterns RubyComprehensive Ruby implementations of Gang of Four (GoF) design patterns. Use when implementing object-oriented design solutions, refactoring to reduce coupling, solving architecture problems, or when user mentions specific patterns (Factory, Singleton, Observer, Strategy, etc.) in Ruby context.Votes: 0GitHub stars: 666
- Design PatternsGo design patterns and refactoring skill. Use when refactoring complex code, reducing technical debt, or applying design patterns. Detects code smells and suggests pattern-based solutions.Votes: 0GitHub stars: 666
- Design Planningソフトウェア設計計画スキル。要件分析、アーキテクチャ設計、API設計、データベース設計、 実装ロードマップの作成を体系的に行います。Clean Architectureに準拠した設計を サブエージェントとの並列作業で効率的に実施します。Votes: 0GitHub stars: 666
- Design Postgres TablesUse this skill for general PostgreSQL table design. **Trigger when user asks to:** - Design PostgreSQL tables, schemas, or data models when creating new tables and when modifying existing ones. - Choose data types, constraints, or indexes for PostgreSQL - Create user tables, order tables, reference tables, or JSONB schemas - Understand PostgreSQL best practices for normalization, constraints, or indexing - Design update-heavy, upsert-heavy, or OLTP-style tables **Keywords:** PostgreSQL sch...Votes: 0GitHub stars: 666
- Design PreferencesGather user design preferences before building UI. Use when: starting a project with visual interface (Web App, Mobile, Browser Extension). Triggers: "design preferences", "visual style", "choose theme", "design step".Votes: 0GitHub stars: 666
- Design Preset SystemUse when applying or switching design styles across UI components - provides preset design systems with tokens, patterns, and guidelines for different aesthetic approaches from timeless classics to bleeding-edge experimental stylesVotes: 0GitHub stars: 666
- Design Principles Brixtonpham Claude ConfigUI/UX design system for dashboards, admin panels, SaaS interfaces, and web apps. Stack: React, Tailwind, CSS, styled-components. Capabilities: spacing systems (4px grid), color palettes, typography hierarchy, shadows/elevation, card layouts, dark mode, component styling. Actions: design, style, beautify, fix, improve, refactor UI components. Keywords: ugly, inconsistent, cluttered, unprofessional, spacing, padding, margin, colors, fonts, shadows, cards, buttons, forms, navigation, sidebar, la...Votes: 0GitHub stars: 666
- Design PruneRemove historical cruft from design docs. Use when docs accumulate outdated content, after major refactorings, or when preparing for releases.Votes: 0GitHub stars: 666
- Design Qa SkillSkill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enforce hierarchy, spacing, color, and responsiveness.Votes: 0GitHub stars: 666
- Design QaReviews finished and in-progress digital products to assess adherence to design specifications and discover potential issues with those specifications. Validates implementation against design intent, identifies visual and interaction discrepancies, and provides actionable feedback for design and engineering teams.Votes: 0GitHub stars: 666