source-driven-development

Mechanism

When It Triggers · How It Works · What It Produces

Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.

Trigger

When user wants code following current best practices for a framework
When building boilerplate, starter code, or patterns to be copied
When user explicitly asks for documented, verified, or "correct" implementation

Mechanism

Four-step process: DETECT (stack and versions) → FETCH (official docs) → IMPLEMENT (documented patterns) → CITE (annotate sources)
Source hierarchy: official docs > official blog/changelog > web standards (MDN) > compatibility data
NOT authoritative: Stack Overflow, blog tutorials, AI-generated docs

Outcome

Code based on authoritative sources, with every framework pattern citing official documentation

Use Cases

Two Typical Use Cases

Scenario 01

Framework New Feature Implementation

When implementing features using the latest framework API, the agent detects the exact version, fetches the relevant official documentation page, implements according to documented patterns, and cites sources, ensuring code follows current best practices.

Scenario 02

Source Verification During Code Review

During code review, when encountering suspicious framework usage, the agent verifies it against official documentation, and if outdated or incorrect patterns are found, fetches the latest docs and provides the correct implementation with citations.

Skill Relationships

Which Skills I Use · Which Skills Use Me

Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.

Tier 1 · These Skills Use Me

No explicit dependency

Tier 2 · Current Skill

source-driven-developmentWorkflow

Tier 3 · I Use These Skills

No explicit dependency on other Skills

Full Relationship Graph

Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.

Skill File

SKILL.md

Open in GitHub ↗

SKILL.mdLoading from GitHub…

Skill Composition

Open in GitHub ↗

SKILL.md100.0%

▸skills/source-driven-development/
▸source-driven-development
- ·SKILL.md

Per the Agent Skills spec, SKILL.md is the only required file. The colored bars classify the rest into the three spec-aligned optional directories (scripts / references / assets) and an 'other' bucket. The full directory tree is below.

Related in Skillset

You May Also Need These Skills

api-and-interface-design

Guides agents to design stable, hard-to-misuse public interfaces using contract-first principles. Covers REST, GraphQL, module boundaries, component props, emphasizing Hyrum's Law, One-Version Rule, error semantics, and boundary validation. Produces consistent, maintainable, well-documented interface specifications.

Workflow

browser-testing-with-devtools

Browser testing skill that gives agents live browser runtime visibility via Chrome DevTools MCP. Supports DOM inspection, console log capture, network request analysis, performance profiling, and visual output verification. Bridges the gap between static code analysis and live browser execution.

CLI Manual

ci-cd-and-automation

CI/CD automation skill that guides agents to set up and maintain automated build and deployment pipelines. Emphasizes shifting quality gates left, integrating tests, lint, type checking, and build verification into every change. Follows the "smaller is faster is safer" principle with frequent small releases.

Workflow

code-review-and-quality

Code review and quality skill that guides agents to conduct multi-axis code reviews covering correctness, design, maintainability, security, and performance. Emphasizes change sizing (~100 lines), severity labels (Nit/Optional/FYI), and splitting strategies to ensure code quality before every merge.

Workflow

When It Triggers · How It Works · What It Produces

Trigger

Mechanism

Outcome

Two Typical Use Cases

Framework New Feature Implementation

Source Verification During Code Review

Which Skills I Use · Which Skills Use Me

Full Relationship Graph

SKILL.md

Skill Composition

You May Also Need These Skills

api-and-interface-design

browser-testing-with-devtools

ci-cd-and-automation

code-review-and-quality

/source-driven-development

Two Typical Use Cases

Framework New Feature Implementation

Source Verification During Code Review

SKILL.md

Skill Composition

When It Triggers · How It Works · What It Produces

Trigger

Mechanism

Outcome

You May Also Need These Skills

api-and-interface-design

browser-testing-with-devtools

ci-cd-and-automation

code-review-and-quality

Which Skills I Use · Which Skills Use Me

Full Relationship Graph