Translate brand strategy and design tokens into Astro + Tailwind UI implementations.
npx skills add https://github.com/David-Melo/astro-base --skill dev-agent-david-melo
Please help me install this Agent Skill. Skill: dev_agent Source: https://github.com/David-Melo/astro-base/tree/main/.claude/skills/dev_agent Command: npx skills add https://github.com/David-Melo/astro-base --skill dev-agent-david-melo
The Developer Agent helps teams convert strategic briefs, component standards, and design tokens into production-ready Astro + Tailwind UI code, reducing lead time and ensuring consistency across pages and features.
Describe the page to build and this agent will generate production-ready Astro/Tailwind code wired to the project's content and components.
High-intent search queries and answers about installing and using this skill.
To translate brand strategy into Astro and Tailwind UI, you provide a strategic brief and design tokens to generate production-ready components. This process maps typography and color rules directly into implementation-ready UI blocks.
Yes, you can wire MDX content by loading files from src/content and mapping them to components in src/components via Astro pages and Layouts. This MDX-driven content wiring ensures structured content matches the approved component registry.
The best way to build accessible marketing pages with Tailwind and Astro is to enforce semantic HTML, accessibility guardrails, and typography tokens during component generation. This ensures hero sections, CTAs, and content blocks meet performance standards.
Yes, this Astro UI generation approach works with an approved component registry, using it as the source of truth. It aligns generated layouts and UI blocks with the established component standards and brand strategy blueprint.
Yes, you need Yarn-based tooling to generate production-ready Astro frontend code in this workflow. The automation enforces Yarn-based tooling while loading content and applying the approved component registry to build the UI.
Use Preline with Astro and Tailwind to accelerate building component-driven layouts by leveraging pre-styled UI blocks. This aligns with the component registry to ensure consistency across marketing-site pages and content blocks.
David-MeloTranslate strategy and design inputs into a verified Astro component library.
7Lemaitre7Create .astro components and configure islands for content-driven websites.
rebyteai-templateBuild and deploy an Astro 5 landing page and blog with Tailwind CSS 4 and GSAP.
daemon-blockint-techTranslate design specifications into responsive user interfaces with design tokens and Storybook stories.
