timeplus-designBuild user interfaces that match the Timeplus Console look and feel. Use this skill when generating, styling, or reviewing UI for a Timeplus product or conso...
Install via ClawdBot CLI:
clawdbot install gangtao/timeplus-designGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://docs.timeplus.comUses known external API (expected, informational)
googleapis.comAudited Oct 2, 2026 · audit v1.0
Generated Oct 2, 2026
Frontend engineers building new panels, query editors, or dashboard screens inside the Timeplus Console need consistent buttons, tables, cards, and inputs. This skill supplies the exact tokens and React/CSS implementations so new screens match the existing product without ad-hoc styling. It reduces review cycles by giving developers a single normative DESIGN.md.
A partner or customer building an embedded analytics app wants it to feel like a native Timeplus experience. Using this skill, they apply the pink primary accent, Inter type scale, 4px radius, and flat borders to their own components. The result is visual continuity across a white-labeled or integrated product.
A design-systems lead or reviewer audits incoming frontend pull requests for token drift, incorrect shadows, or off-scale spacing. The skill's do's and don'ts plus exact color and typography values make violations easy to flag. It turns subjective visual feedback into checkable rules.
An agency delivering a Timeplus-branded console or admin interface needs to translate Figma mockups into production code quickly. The skill's ready-to-adapt Tailwind config, CSS custom properties, and React components compress the handoff step. Designers and engineers share DESIGN.md as the contract.
An AI coding assistant or internal codegen tool must produce UI that looks like Timeplus rather than generic Material or Tailwind defaults. This skill gives the agent verbatim token values, component markup, and state rules, improving the fidelity of generated interfaces. It also helps AI-generated code pass automated design linting.
Timeplus publishes the design system under Apache-2.0 to drive adoption of its streaming database and console. Consistent, easy-to-adopt UI guidance lowers the barrier for contributors and integrators. The company monetizes through its managed cloud and enterprise support offerings.
By making it trivial for partners and internal teams to build Timeplus-look-alike UIs, the company accelerates ecosystem integrations and marketplace apps. A cohesive visual identity strengthens brand recall and reduces support burden from inconsistent third-party screens. Revenue flows from platform usage and partner programs.
A consultancy packages 'Timeplus-aligned UI' as a fixed-scope service for customers who need a branded console or embedded analytics frontend. The skill supplies the reusable scaffolding, cutting delivery time and improving margin. Clients pay for the implementation and ongoing design-system maintenance.
💬 Integration Tip
Read DESIGN.md first and use its token values verbatim, then pull the Tailwind config and React components from references/components.md to avoid re-specifying colors, radii, and states by hand. Run `npx @google/design.md lint DESIGN.md` after any token edits to keep the file format-valid.
Scored Oct 2, 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.
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.
Use when writing tests, creating test strategies, or building automation frameworks. Invoke for unit tests, integration tests, E2E, coverage analysis, performance testing, security testing.