跳到正文
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 starting creative work (features, components, functionality, or behavior changes) to clarify user intent, requirements, and design before implementation.

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

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

Deploy applications and websites to Vercel using the bundled `scripts/deploy.sh` claimable-preview flow. Use when the user asks to deploy to Vercel, wants a preview URL, or says to push a project live on Vercel.

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

thedaviddias/agent-forge32026年5月18日 更新

Repository-grounded threat modeling that enumerates trust boundaries, assets, attacker capabilities, abuse paths, and mitigations, and writes a concise Markdown threat model. Use when the user explicitly asks to threat model a codebase or path, enumerate abuse paths, or perform AppSec threat modeling.

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

thedaviddias/agent-forge32026年5月18日 更新

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/agent-forge32026年5月18日 更新

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

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

thedaviddias/agent-forge32026年5月18日 更新

sentry

免费

Use when the user asks to inspect Sentry issues or events, summarize recent production errors, or pull basic Sentry health data via the Sentry API; perform read-only queries with the bundled script and require `SENTRY_AUTH_TOKEN`.

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

thedaviddias/agent-forge32026年5月18日 更新

seo-audit

免费

When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," or "SEO health check." For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema-markup.

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

thedaviddias/agent-forge32026年5月18日 更新

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

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

thedaviddias/agent-forge32026年5月18日 更新

Toolkit for styling artifacts with curated themes (slides, docs, reports, HTML landing pages, and more). Use when you need consistent typography and color systems or want to generate a new theme on the fly.

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

thedaviddias/agent-forge32026年5月18日 更新

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

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

thedaviddias/agent-forge32026年5月18日 更新

Builds simple Three.js web apps with scene setup, lighting, geometry, materials, animation, and responsive rendering. Use when creating or prototyping 3D web scenes with modern Three.js (r150+).

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

thedaviddias/agent-forge32026年5月18日 更新

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

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

thedaviddias/agent-forge32026年5月18日 更新

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

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

thedaviddias/agent-forge32026年5月18日 更新

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

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

thedaviddias/agent-forge32026年5月18日 更新

Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer support, keyboard shortcuts, or responsive layouts. Triggers on tasks involving iPad, Split View, Stage Manager, sidebar navigation, or trackpad support.

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

thedaviddias/agent-forge32026年5月18日 更新

Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, toolbars, window management, or keyboard shortcuts. Triggers on tasks involving Mac UI, desktop apps, or Mac Catalyst.

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

thedaviddias/agent-forge32026年5月18日 更新

Access Google Search Console for SEO data such as queries, clicks, impressions, rankings, and indexing status across sites. Use when diagnosing search performance or indexing issues.

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

thedaviddias/agent-forge32026年5月18日 更新

CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.

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

thedaviddias/agent-forge32026年5月18日 更新

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

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

thedaviddias/agent-forge32026年5月18日 更新

Use when working with the 1Password CLI (`op` command) for secrets management, retrieving API keys, injecting secrets into development environments, or any task involving 1Password vault operations. Triggers on: "1password", "op command", "secrets management", "api keys from vault", "op run", "op read", "service account token".

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

thedaviddias/agent-forge32026年5月18日 更新

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

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

thedaviddias/agent-forge32026年5月18日 更新

Use when designing or improving prompts, commands, hooks, skills, or sub-agent instructions, including output quality, reliability, and token efficiency.

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

thedaviddias/agent-forge32026年5月18日 更新

Search domains, compare prices, find promo codes, get purchase recommendations. Use when user wants to buy a domain, check prices, or find domain deals.

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

thedaviddias/agent-forge32026年5月18日 更新

When the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user mentions "schema markup," "structured data," "JSON-LD," "rich snippets," "schema.org," "FAQ schema," "product schema," "review schema," or "breadcrumb schema." For broader SEO issues, see seo-audit.

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

thedaviddias/agent-forge32026年5月18日 更新

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