seed-design

Guides SEED Design component specs, React and Lynx implementation, and read-only project diagnostics.

1.1k|89|Updated Mar 11, 2021
One-click install
npx skills add https://github.com/daangn/seed-design --skill seed-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seed-design
Source: https://github.com/daangn/seed-design/tree/main/skills/seed-design
Command: npx skills add https://github.com/daangn/seed-design --skill seed-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Teams using the SEED Design system need a single entry point to find official component specs, implement them correctly in React or Lynx projects, and diagnose configuration, compatibility, and guideline issues without guessing at undocumented APIs.

Core Features & Use Cases

  • Official Documentation Routing: Resolves component specs, foundations, and platform implementation docs through the live seed-design.io llms.txt indexes instead of hardcoded paths.
  • Platform Detection: Determines React vs Lynx from user input, seed-design.json, and direct dependencies, asking when ambiguous rather than defaulting.
  • Doctor Diagnostics: Runs read-only health checks across config, compatibility, setup, foundations, components, and library categories, producing schema v2 YAML plus an HTML report with copyable remediation prompts.
  • Use Case: Ask "Is my Lynx workspace using SEED correctly?" and receive a per-workspace diagnostic report with findings, evidence, official doc references, and fix prompts—without any code being modified.

Quick Start

Ask the assistant to diagnose SEED usage in your project or to explain how to install and use a SEED component in your React or Lynx app.

Frequently Asked Questions about seed-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check if my project uses SEED Design correctly?

Run a Doctor diagnostic request such as asking to diagnose SEED usage in your project. It inspects seed-design.json, installed @seed-design packages, snippets, and code usage, then produces a read-only YAML and HTML report with findings and remediation prompts.

How do I find SEED component specs and implementation docs?

The skill reads the official indexes at seed-design.io/llms.txt and the React or Lynx platform indexes, then follows the linked leaf documents. It never guesses URLs, so answers always cite current official documentation.

Does SEED Design support both React and Lynx platforms?

Yes, the skill detects the platform from user input, seed-design.json framework field, or direct dependencies like @seed-design/react or @seed-design/lynx-react. When signals conflict or are missing, it asks the user instead of defaulting to React.

Can the Doctor diagnostic modify my project files?

No, Doctor is strictly read-only and writes reports only to a temporary directory, never the target project. Each finding includes a copyable remediation prompt, but fixes run only when you separately request them.

How do I migrate SEED snippets after a package upgrade?

The migration procedure reads the current CLI documentation from the official index, runs read-only compatibility checks against installed package versions, and handles file conflicts using documented backup or merge options before re-verifying.