跳到正文
cccskills

David Dias

@thedaviddias

Staff Front-End Engineer | Front-End Architecture, Design Systems & Accessibility | Creator of the Front-End Checklist (74K+ ⭐) and serving 100K+ devs

467 个技能6 个仓库 7.5万

技能(467)

在搜索中筛选

Use when implementing aI-powered autocomplete and suggestions.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

Use when implementing select colors with visual feedback.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

Use when implementing handling AI-specific errors.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

Use when implementing managing AI conversation context.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

megamenu

免费

Use when you need to display a large number of links in a single menu.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

Use when implementing show users that content is being loaded.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

chart

免费

Use when implementing visualize data with graphs and charts.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

checkbox

免费

Use when implementing enable single or multiple selections.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

checkout

免费

Use when implementing multi-step checkout process.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ux-patterns-for-developers2662026年10月5日 更新

Use when the user wants to validate, lint, or audit agent skill files (SKILL.md). Use when they say "validate these skills," "check this repo's skills," "lint SKILL.md files," or "audit skills in [repo URL]." Run skill-check locally or against a cloned GitHub repo and summarize findings.

中文简介正在准备中。当前显示原文说明。

thedaviddias/skill-check1942026年5月19日 更新

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

中文简介正在准备中。当前显示原文说明。

thedaviddias/skill-check1942026年5月19日 更新

github-gh

免费

Interact with GitHub using the `gh` CLI. Use when managing issues, PRs, workflow runs, or advanced API queries via `gh issue`, `gh pr`, `gh run`, and `gh api`.

中文简介正在准备中。当前显示原文说明。

thedaviddias/skill-check1942026年5月19日 更新

Replace with description of the skill and when Claude should use it.

中文简介正在准备中。当前显示原文说明。

thedaviddias/skill-check1942026年5月19日 更新

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

中文简介正在准备中。当前显示原文说明。

thedaviddias/skill-check1942026年5月19日 更新

Use when implementing features or fixing bugs with strict Test-Driven Development (TDD). Activate for coding tasks that require new functionality, refactoring, or comprehensive test coverage, especially when the user mentions TDD or Test Driven Development.

中文简介正在准备中。当前显示原文说明。

thedaviddias/skill-check1942026年5月19日 更新

Use when starting creative work (features, components, functionality, or behavior changes) to clarify user intent, requirements, and design before implementation.

中文简介正在准备中。当前显示原文说明。

thedaviddias/skill-check1942026年5月19日 更新

Create or improve SOUL.md files for OpenClaw agents. Use when the user wants to design an agent personality, rewrite an existing soul, align SOUL.md with IDENTITY.md, or prepare a soul for publishing on souls.directory with optional frontmatter.

中文简介正在准备中。当前显示原文说明。

thedaviddias/souls-directory1672026年8月11日 更新

Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality. Use when asked to "simplify code", "clean up code", "refactor for clarity", "improve readability", or review recently modified code for elegance. Focuses on project-specific best practices.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ai-vs-human82026年6月2日 更新

find-bugs

免费

Find bugs, security vulnerabilities, and code quality issues in local branch changes. Use when asked to review changes, find bugs, security review, or audit code on the current branch.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ai-vs-human82026年6月2日 更新

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ai-vs-human82026年6月2日 更新

github-gh

免费

Interact with GitHub using the `gh` CLI. Use when managing issues, PRs, workflow runs, or advanced API queries via `gh issue`, `gh pr`, `gh run`, and `gh api`.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ai-vs-human82026年6月2日 更新

Use when implementing features or fixing bugs with strict Test-Driven Development (TDD). Activate for coding tasks that require new functionality, refactoring, or comprehensive test coverage, especially when the user mentions TDD or Test Driven Development.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ai-vs-human82026年6月2日 更新

Use when starting creative work (features, components, functionality, or behavior changes) to clarify user intent, requirements, and design before implementation.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ai-vs-human82026年6月2日 更新

Replace with description of the skill and when Claude should use it.

中文简介正在准备中。当前显示原文说明。

thedaviddias/ai-vs-human82026年6月2日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)