本文へ移動
cccskills
無料GitHub で公開

fec-source-driven-development

Use when frontend decisions depend on framework, library, browser, runtime, package, API, or platform behavior that may have changed, including official documentation checks, version-sensitive patterns, migration choices, or public interface assumptions; Chinese triggers include Check official documentation, source code shall prevail, source-driven, version differences.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md6.6 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Source driven development

Purpose

Prioritize the use of in-project facts, official documentation, and current version behavior in front-end implementation, review, and architecture decisions, and avoid relying on outdated experience or unverified assumptions.

Procedure

  1. Determine whether it is necessary to check the source

    • Source checking is required when new versions of frameworks, routing, rendering modes, caches, build tools, browser APIs, package publishing formats, authentication protocols, or public interfaces are involved.
    • When it comes to project commitments, read the README, configuration, templates, existing implementations, testing and migration records of this warehouse first.
    • Use the project's existing schema as a source of truth when simply stabilizing the language syntax or significantly partial refactoring.
  2. Collect authoritative materials

    • Preferred official documentation, specifications, source code, release notes, migration guide, type definitions and in-project testing.
    • Third-party articles can only be used as clues and cannot be used as the final basis.
    • Record package name, version, document date or page title for rapidly changing libraries.
    • When a user asks to answer a question from a local knowledge base, project repository or knowledge/ directory, perform local knowledge retrieval first and do not use network search to fill in the facts.
  3. Refine decisions

    • Write down recommended practices, deprecated practices, limitations and migration considerations for the current version.
    • Explain the reasons for selection, compatibility, maintenance costs and fallback methods for multiple feasible options.
    • If there is a conflict between the document and the current status of the project, priority will be given to explaining the conflict and making incremental adjustments instead of directly overturning the running system.
    • Record release notes, migration guide, version scope, breaking changes and rollback plans for dependency upgrades, framework migrations and public API changes.
  4. Fall to implementation

  • Isolate external behavior in the adaptation layer, configuration layer or small utility functions to avoid spreading version assumptions throughout the component.
    • Public interface changes should keep naming, error shapes, default values, and compatibility policies clear.
    • Code comments only record non-obvious source constraints and do not paste large sections of documentation.
  1. Test your hypothesis
    • Prove key assumptions with type checking, minimal reproduction, unit testing, component testing, E2E, build or browser validation.
    • If verification is not possible, report uncertainty, risk range, and information that requires confirmation by the user or team.
  2. Leave a lightweight record of decisions
    • Supplement ADR/change records or hand off to the document sync process when conclusions impact public interfaces, dependency versions, catalog specifications or team workflows.

Local Knowledge Retrieval

When the user specifies the local knowledge base path, or the default knowledge/ directory exists, this process can be used to answer database questions, extract evidence, or assist decision-making.

  1. Locate the root directory

    • Use this path when the user explicitly specifies the path.
    • Otherwise, check whether knowledge/ under the current project exists; if it does not exist, it means that the default knowledge base is not found and the path is requested.
    • No need to use file glob to determine whether the directory exists.
  2. Hierarchical navigation

    • Read data_structure.md in the root directory and subdirectories first.
    • Select the most relevant few branches according to the directory description, without traversing the entire knowledge base at once.
    • Document candidate files, topics, time/version range and why they are relevant.
  3. Progressive search

    • Markdown, text, log: first search with keywords, and then partially read the hit context.
    • PDF: Confirm the available tools and extraction routes before processing, and prioritize extraction of temporary text before retrieval to avoid putting the entire PDF into context.
    • Excel: Confirm the read/analysis route before processing, first look at the worksheet, column names and a few samples, and then filter or aggregate by field.
    • Default to up to 5 rounds of keyword iteration; each round adjusts synonyms, abbreviations, and scope based on found evidence.
  4. Answer and traceability

    • Give the conclusion first, and then list the file path, chapter, page number, worksheet or line number as a basis.
    • If there is insufficient evidence, explain which paths have been checked, what information is missing, and how the user can narrow down the scope.
    • Do not mix online information from outside the knowledge base into answers unless the user requests otherwise to check external sources.

Source Priority

PrioritySourceUse
1Configuration, testing, and implementation within the projectDetermine the true agreement of this warehouse
2Official documents, source code, type definitionsDetermine current recommended behavior
3Standard specifications, browser compatibility dataDetermine platform capabilities and compatibility boundaries
4Issues, discussions, third-party articlesAuxiliary investigation, cannot be finalized alone

Constraints

  • Don't give version-sensitive conclusions from memory.
  • Do not treat outdated tutorials as current best practices.
  • Do not cite sources that cannot be reviewed as critical evidence.
  • Do not change the stable project agreement to pursue new developments; the benefits and migration costs must be explained.
  • Do not copy long external documents in the delivery; keep only necessary conclusions and links or file paths.
  • Don't just say "checked the documentation"; version-sensitive decisions need to be traceable to a specific version, path or official page.

Expected Output

Output source lists, version or project facts, decision conclusions, implementation impacts, validation orders, and open risks. If code is modified, key behaviors should be supported by tests or build verification.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

用于审查或改进前端无障碍、语义结构、键盘支持、焦点管理、ARIA 标签、屏幕阅读器行为、WCAG 2.2 问题、触控无障碍或辅助技术回归;中文触发词包括 无障碍、accessibility、a11y、WCAG、屏幕阅读器。

日本語の概要は準備中です。原文の説明を表示しています。

bovinphang/frontend-craft222026年9月26日 更新

Use when reviewing or improving frontend accessibility, semantic structure, keyboard support, focus management, ARIA labels, screen reader behavior, WCAG 2.2 issues, touch accessibility, or assistive-technology regressions; Chinese triggers include accessibility, accessibility, a11y, WCAG, screen reader.

日本語の概要は準備中です。原文の説明を表示しています。

bovinphang/frontend-craft222026年9月26日 更新

用于从参考系统中吸收想法、能力、工作流、架构、质量体系、生态扩展或工程实践,并通过原创的项目内重设计转化为当前项目能力,而不是复制原实现。

日本語の概要は準備中です。原文の説明を表示しています。

bovinphang/frontend-craft222026年9月26日 更新

Use when absorbing ideas, capabilities, workflows, architecture, quality systems, ecosystem extensions, or engineering practices from any reference system into the current project through original, project-native redesign rather than copying.

日本語の概要は準備中です。原文の説明を表示しています。

bovinphang/frontend-craft222026年9月26日 更新

用于设计、实现或审查前后端 API 集成、类型化 API client、REST/tRPC/OpenAPI 客户端选型、认证刷新、API 错误映射、上传流程、SSE/WebSocket/轮询选择、CORS 相关前端行为或跨边界 loading/error 状态。不要用于纯后端服务架构或仅 TanStack Query 缓存策略;中文触发词包括 API 集成、前后端联调、typed API client、接口错误处理、SSE、WebSocket。

日本語の概要は準備中です。原文の説明を表示しています。

bovinphang/frontend-craft222026年9月26日 更新

Use when designing, implementing, or reviewing frontend-to-backend API integration, typed API clients, REST/tRPC/OpenAPI client choices, auth refresh, API error mapping, upload flows, SSE/WebSocket/polling choices, CORS-facing frontend behavior, or cross-boundary loading/error states. Do not use for backend-only service architecture or TanStack Query cache policy alone; Chinese triggers include API integration, front-end and back-end joint debugging, typed API client, Interface error handling, SSE, WebSocket.

日本語の概要は準備中です。原文の説明を表示しています。

bovinphang/frontend-craft222026年9月26日 更新

bovinphang のスキルをすべて見る

このスキルの問題を報告する