Generate component briefs and architecture documentation from Markdown templates.
npx skills add https://github.com/kaelig/react-craft --skill templates-kaelig
Please help me install this Agent Skill. Skill: templates Source: https://github.com/kaelig/react-craft/tree/main/react-craft/skills/templates Command: npx skills add https://github.com/kaelig/react-craft --skill templates-kaelig
This Skill ensures consistency and completeness in documentation for software components and architecture designs, streamlining the development handoff process.
component-brief.md template to capture all its details. Later, use the architecture.md template to plan its code implementation.Use the templates skill to generate a new component brief using the component-brief.md template.
High-intent search queries and answers about installing and using this skill.
Standardize component documentation by using Markdown templates to generate consistent component briefs and architecture docs. This ensures design specifications, prop interfaces, file structures, and dependencies are uniformly captured for reusable UI components.
Document component specifications by applying a structured Markdown template to capture extracted design details. This creates a standardized component brief that translates visual designs into machine-readable YAML frontmatter and human-readable implementation requirements.
Plan a UI component implementation by using an architecture documentation template. This defines the file structure, prop interfaces, and dependencies required, bridging the gap between initial design briefs and final code implementation.
Yes, this component documentation approach uses YAML frontmatter to provide machine-readable metadata alongside Markdown for human-readable details. This dual format ensures specifications are both developer-friendly and pipeline-ready.
Architecture documentation templates are needed when transitioning a new UI component from design to code within a development pipeline. They provide a structured plan for implementation, ensuring file structures and dependencies are defined before development begins.
kaikunnnnMap Figma design nodes to Tailwind CSS tokens and component structures.
Michae2xlFacilitate brainstorming and design specification creation through structured dialogue.
az9713Merge pull requests, deploy code, and verify production health.
chirag-csParse source code to generate OpenAPI specs and Markdown API documentation.