material-designGoogle Material Design 3 实战参考。涵盖 Material You 动态色彩、排版系统、组件规格、Shape 系统、Motion 规范、Dark Theme 适配和 Jetpack Compose/Flutter 对照。适用于 Android 应用、Web 应用和跨平台应用的 UI 设计决策。
Install via ClawdBot CLI:
clawdbot install bingfoon/material-designGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://m3.material.io/theme-builderAudited Apr 17, 2026 · audit v1.0
Generated Mar 22, 2026
This skill provides detailed specifications for implementing Material Design 3 in Android apps using Jetpack Compose, including dynamic color schemes, component dimensions, and shape systems. It helps developers create modern, expressive UIs that adapt to user preferences and device form factors, ensuring compliance with Google's latest design standards.
The skill offers cross-platform guidance for Flutter apps, covering color palettes, typography scales, and component adaptations for both Android and iOS. It enables developers to maintain Material 3's expressive design language while leveraging Flutter's framework, with tips for automatic font and color adjustments on different platforms.
This skill supports web developers using libraries like MUI or Angular Material by providing CSS token exports, color role mappings, and responsive layout principles. It facilitates the creation of cohesive web interfaces that align with Material 3's adaptive and personalized design pillars, enhancing user experience across browsers.
The skill serves as a reference for auditing existing Android, web, or Flutter apps to ensure they meet Material Design 3 standards. It includes checklists for dynamic color implementation, typography consistency, and component specifications, helping teams identify gaps and update their UIs for modern design expectations.
Develop and sell plugins or integrations for design tools like Figma or Adobe XD that automate Material 3 theme generation, color scheme exports, and component libraries. This model leverages the skill's detailed specifications to provide value-added features for UI designers, generating revenue through subscription or one-time purchases.
Offer freelance services specializing in Material Design 3 implementation for clients building Android, web, or Flutter applications. Use the skill's guidelines to deliver high-quality, compliant designs and code, charging per project or hourly rates based on the complexity of dynamic color integration and component customization.
Create and sell online courses, tutorials, or in-person workshops that teach developers and designers how to apply Material Design 3 principles. Focus on practical aspects like using the Material Theme Builder, implementing motion systems, and adapting designs across platforms, monetizing through course sales or corporate training packages.
💬 Integration Tip
Start by using the Material Theme Builder to generate a base color scheme, then apply the typography and component specifications incrementally to ensure consistency across your project.
Scored Jun 19, 2026
Control desktop applications on Windows — launch, close, focus, resize, move windows, simulate keyboard/mouse input, manage processes, control VSCode, read clipboard, and capture screen info. Use when the user wants to interact with any running program, switch windows, type text, press shortcuts, open files in VSCode, manage running processes, or get system display information.
Conduct rigorous, adversarial code reviews with zero tolerance for mediocrity. Use when users ask to "critically review" my code or a PR, "critique my code", "find issues in my code", or "what's wrong with this code". Identifies security holes, lazy patterns, edge case failures, and bad practices across Python, R, JavaScript/TypeScript, SQL, and front-end code. Scrutinizes error handling, type safety, performance, accessibility, and code quality. Provides structured feedback with severity tiers (Blocking, Required, Suggestions) and specific, actionable recommendations.
Coding style memory that adapts to your preferences, conventions, and patterns for consistent coding.
Pragmatic coding standards for writing clean, maintainable code — naming, functions, structure, anti-patterns, and pre-edit safety checks. Use when writing new code, refactoring existing code, reviewing code quality, or establishing coding standards.
Claude Code integration for OpenClaw. This skill provides interfaces to: - Query Claude Code documentation from https://code.claude.com/docs - Manage subagents and coding tasks - Execute AI-assisted coding workflows - Access best practices and common workflows Use this skill when users want to: - Get help with coding tasks - Query Claude Code documentation - Manage AI-assisted development workflows - Execute complex programming tasks
Plan, draft, version, and refine written content with enforced versioning and quality audits.