All Skills Search Tools

|

Loading...

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

Home/All Skills/Product & Design/live-dashboard

live-dashboard

Original：🇺🇸 English

Translated

Notion 风团队仪表板, KPI + 7 日 sparkline + activity feed + 任务表

2installs

Sourcenexu-io/html-anything

Added on2026-05-16

NPX Install

npx skill4agent add nexu-io/html-anything live-dashboard

Tags

Translated version includes tags in frontmatter

notion-template team-dashboard kpi-tracking activity-feed task-management

SKILL.md Content

View Translation Comparison →

【模板: Live Team Dashboard】【意图】Notion 风的团队动态总览, 即使没有数据源也用 seed 数据兜底。【布局】

Header (团队 + 时间窗)
KPI 卡片网格
7 天 sparkline 趋势
Real-time activity feed (avatar + 动作 + 时间)
Linked database task table (zebra + 状态 pill) 【设计细节】
Notion-callout / toggle / 数据库表配色风格

Download

Download TranslatedIncludes original Skill.md

(12.1 KB)Download Original(11.4 KB)

Related Skills

write-product-spec

Write a PRODUCT.md spec for a significant user-facing feature in Warp, focused on detailed behavior and validation. Use when the user asks for a product spec, desired behavior doc, or PRD, wants to define feature behavior before implementation, or when the feature is substantial or behaviorally ambiguous enough that a written spec would improve implementation or review.

landing-page-design

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

extract-design-system

Extract design primitives from a public website and generate starter token files for the current project.

logo-design-guide

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo