Double Coding
Official@double-coding-lab · China
Double Coding provides Flow2Spec knowledge-base engineering skills and Figma design-to-code generation for React H5 and React Native projects.
Agent Skills by Double Coding
Showing 29 vetted skills indexed across 2 GitHub repositories.
double-coding-labrepo-dev-check
Audits pending git changes against write-boundary and distribution rules for Flow2Spec repository development.
double-coding-labhtml-ppt
Generate static HTML slide decks from themes, layouts, and animation templates.
double-coding-labf2s-req-tech
Generates technical design documents from clarified requirements using project knowledge base context.
double-coding-labf2s-kb-upgrade
Aligns a project's .Knowledge knowledge base with the latest Flow2Spec package template.
double-coding-labf2s-kb-merge
Resolves Git merge conflicts in AI context files while deferring implementation conflicts for user confirmation.
double-coding-labf2s-doc-final
Convert PDF or Markdown documents into a standardized final-draft specification template.
double-coding-labf2s-req-clarify
Clarifies PRD requirements through iterative questioning and writes a structured clarification document.
double-coding-labf2s-kb-sync
Synchronizes implemented capabilities into the .Knowledge topic base after outline confirmation.
double-coding-labf2s-doc-pdf
Convert PDF technical design documents into Markdown files stored in req-docs.
double-coding-labf2s-kb-rm
Deletes knowledge topics and routing index entries for removed stock-docs documents.
double-coding-labf2s-kb-distill
Extracts reusable knowledge facts from Q&A sessions and merges them into a routed knowledge base.
double-coding-labf2s-doc-milestone
Generates project milestone documents from requirement docs, git history, task records, and knowledge base topics.
double-coding-labf2s-git-commit
Generates emoji-prefixed Conventional Commits and commits staged changes with knowledge-base coverage checks.
double-coding-labf2s-kb-addRules
Captures user-dictated rules into a routed knowledge base with merge-or-create topic decisions.
double-coding-labf2s-req-plan
Plans and implements coding tasks from requirement documents with tracked task checklists.
double-coding-labf2s-doc-arch
Generate project architecture documentation drafts from user descriptions or codebase scans.
double-coding-labf2s-kb-add
Aggregates implemented capabilities from multiple source files into knowledge base drafts and routing topics.
double-coding-labf2s-kb-build
Generates knowledge routing topics, indexes, and matcher shards from finalized stock documents.
double-coding-labf2s-kb-feat
Implements new capabilities and synchronizes the Flow2Spec knowledge base with verified changes.
double-coding-labf2s-kb-fix
Fixes code implementation errors and synchronizes corrections into the Flow2Spec knowledge base.
double-coding-labf2s-kb-migrate
Migrates legacy knowledge bases into the .Knowledge directory structure with staged confirmation.
double-coding-labpp-style
Defines naming and implementation rules for converting Figma layers into React or React Native code.
double-coding-labpp-d2c
Generates React and React Native page code from Figma design URLs via REST API.
double-coding-labpp-d2c-rn
Generates React Native page code and sliced image assets from Figma design URLs.
Frequently Asked Questions About Double Coding
FAQPage SchemaWhat tasks can I accomplish with Double Coding's skills?▼
You can clarify PRDs, generate technical solution documents, plan and implement tasks, convert PDFs to Markdown, build and migrate a .Knowledge knowledge base with topic routing, generate React H5 and React Native code from Figma URLs, run design health checks, fix partial UI regions, strip debug node IDs, batch-export reskin assets, and losslessly compress PNG/JPEG images.
Who are these skills designed for?▼
Front-end and mobile engineers practicing design-to-code delivery, plus developers maintaining structured project knowledge bases. The f2s-* skills suit teams standardizing requirements, documentation, milestones, and Git commits; the pp-* skills target engineers converting Figma designs into production React or React Native pages.
How do the Figma-to-code skills work in practice?▼
Provide a Figma design URL to pp-d2c (React H5) or pp-d2c-rn (React Native) to generate page code and assets. Run pp-doctor first for naming/layout/asset health checks, use pp-fix-partial to regenerate only a broken region via .d2c-cache metadata, and pp-strip-nodeid to remove debug anchors before release.
What prerequisites and dependencies are required?▼
The Flow2Spec skills expect a project using the flow2spec npm package (v3.x for current manifest-routing layouts) with .Knowledge, stock-docs, and req-docs directories. pp-image-compress requires Python with Pillow. D2C skills require an accessible Figma design URL; legacy V1 knowledge bases need one-time migration via f2s-kb-migrate.
How does the knowledge base stay synchronized with code changes?▼
f2s-kb-sync outputs an update outline then writes topics/index/manifest after confirmation; f2s-kb-feat and f2s-kb-fix sync the knowledge base alongside feature or fix implementations. f2s-git-commit checks knowledge coverage before committing, auto-skipping for doc-only changes or recent syncs, and f2s-kb-distill captures reusable facts from Q&A sessions.