Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Command Claude Code
You are helping the user create or update the general shape of their product's data — the core entities ("nouns") and how they relate to each other. This creates a shared vocabulary that ensures consistency across sections when generating sample data and screen designs. This is not the final data model — it's a…
Command Claude Code
You are helping the user create a screen design for a section of their product. The screen design will be a props-based React component that can be exported and integrated into any React codebase.
Command Claude Code
You are helping the user design the application shell — the persistent navigation and layout that wraps all sections. This is a screen design, not implementation code.
Command Claude Code
You are helping the user choose colors and typography for their product. These design tokens will be used consistently across all screen designs and the application shell.
Command Claude Code
You are helping the user export their complete product design as a handoff package for implementation. This generates all files needed to integrate the UI designs into a real codebase.
Command Claude Code
You are helping the user create or update their product roadmap for Design OS.
Command Claude Code
You are helping the user define their product vision for Design OS. This is a conversational process that results in three files: the product overview, product roadmap, and data shape.
Command Claude Code
You are helping the user create or update realistic sample data for a section of their product. This data will be used to populate screen designs. You will also generate TypeScript types based on the data structure.
Command Claude Code
You are helping the user capture a screenshot of a screen design they've created. The screenshot will be saved to the product folder for documentation purposes.
Command Claude Code
You are helping the user define the specification for a section of their product. This is a conversational process to establish the scope of functionality, user flows, and UI requirements — then automatically generate the spec and sample data.
Instructions file CodexOpenCode
Instructions for buildermethods/design-os, covering agent directives for design os, understanding design os context, 1. design os application, 2. product design (screen designs & exports) and getting started — the planning flow.
Instructions file
Instructions for buildermethods/design-os, a project described as: The missing design process between your product idea and your codebase.
Plugin Claude Code
Plugin marketplace listing 1 plugin: bm-skills.
Plugin Claude Code
All Builder Methods skills: PRD Creator, Skill Builder, Design System, and Favicon Creator.
Instructions file CodexOpenCode
AGENTS.md instructions for buildermethods/bm-skills, covering agent instructions, about this repo and rules.
Instructions file
Claude Code instructions for buildermethods/bm-skills, a project described as: A collection of public open-source tools for builders, by Brian Casel @ Builder Methods (buildermethods.com).
Skill Claude CodeCodex
Guides you through creating and implementing a design system for your application.
Skill Claude CodeCodex
Generate a complete favicon set (SVG, PNGs, multi-resolution .ico, Apple touch icon) from a Lucide icon (default) or another source SVG, then wire the favicon meta tags into the codebase. Use when the user wants to set up a favicon, replace a placeholder favicon, or brand the app icon.
Skill Claude CodeCodex
Use when the user wants to create a Product Requirements Document (PRD) for a new app, feature, or project. Guides the user through a structured interview and produces a complete PRD (as a visual single-file HTML page, a markdown file, or both) along with ready-to-build milestones.
Skill Claude CodeCodex
Build a new agent skill (or restructure an existing one) following Builder Methods conventions. Use when the user wants to create a skill, turn a repeatable process into a skill, or restructure a skill that has outgrown its shape — "create a skill", "make this a skill", "turn my proposal process into a skill"…