Build a reusable website component library from an approved brand token set. This skill is imagegen-guided: create focused CSS-contract posters by default, or visual component sheets when explicitly requested or needed, then implement componentized replicas that are reusable HTML/CSS/JS from the start.
EnglishCreate website page concepts from approved brand and component references using imagegen first, then implement them with existing reusable components before adding any new composites.
English
AGENT SKILLS ATLASIncludes Maquette Components and Maquette Pages.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Maquette Components
Build a reusable website component library from an approved brand token set. This skill is imagegen-guided: create focused CSS-contract posters by default, or visual component sheets when explicitly requested or needed, then implement componentized replicas that are reusable HTML/CSS/JS from the start.
Maquette Pages
Create website page concepts from approved brand and component references using imagegen first, then implement them with existing reusable components before adding any new composites.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Maquette Components skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.