Gives you decision-level guidance for working with Aura in Flows and Fusion apps. It won't recite every design system rule, but it will tell you which primitive to reach for, remind you to use semantic tokens instead of hardcoding values, and keep your layouts and UX states consistent. Includes quick routing to docs on primitive usage, page structure, copy writing, and state handling (forms, loading, errors). Honest take: if you're bouncing between Storybook, Figma, and trying to remember which button variant does what, this keeps you moving without second-guessing every spacing value or component choice.
- skills.sh installs
- 1.9K
- GitHub stars
- 6
- last updated
- Aug 21, 2026
Install
$ npx -y skills add cognitedata/builder-skills --skill design --agent claude-codeInstalls into .claude/skills of the current project.
Files
Role
Use Aura as the default UI system for customer-facing product work. Prefer decision-level guidance over exhaustive rules:
- choose the right primitive first,
- apply semantic tokens (no raw values),
- keep layouts and UX states consistent,
- write concise, action-oriented copy.
Note: Make sure the project is using the latest version of Aura (
@cognite/aura) to access the most up-to-date guidance and components.
Everything you need to know is:
- In the node_modeules/@cognite/aura folder
- Aura Design Guidlines can be found at:
./node_modules/@cognite/aura/DESIGN.md - At the storybook https://master--695bb4b1b8041ae09768950a.chromatic.com/?path=/docs/primitives
- On the docs site https://docs.cognite.com/aura-design-system/primitives
Consult this skill whenever you are:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/cognitedata/builder-skills
- Categories
- Frontend Development, Design & UI/UX
- First seen
- Jun 3, 2026
More from cognitedata/builder-skills
All 26- Reveal 3d1.9K
- Integrate Todo List1.9K
- Correctness And Error Handling1.9K
- Dm Limits And Best Practices1.9K
- Integrate Atlas Chat1.9K
- Integrate File Viewer1.9K
- Security1.9K
- Setup Python Tools1.9K
- Graph Viewer1.9K
- Setup Flows Auth1.9K
- Performance1.9K
- Create Client Tool1.9K
- Pull Changes Resolve Conflicts1.9K
- Use Topbar1.9K
- Migrate App To Flows1.7K
- Integrate Fusion Agent1.7K
- Flows Code Review1.6K
- Flows Design Review1.1K
- Flows App Brief1.1K
- Flows External App Submit1.1K
- Flows App Review298
- Skill Creator2.5K
- Code Quality2K
- Test Coverage1.9K
Recommended
More Frontend Development
integrate-atlas-chatcognitedata/builder-skillsMUST be used whenever building a chat UI with Atlas agents in a Flows app. Do NOT manually write useAtlasChat integration code — this skill handles installation1.9Kskills.sh installs
animation-designerdaffy0208/ai-dev-standardsExpert in web animations, transitions, and motion design using Framer Motion and CSS1.9Kskills.sh installs
clone-websitejcodesmore/ai-website-cloner-templateReverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder a1.9Kskills.sh installs
scrape-webpageadobe/skillsUse this when the page-import pipeline needs to fetch a source webpage and prepare it for import/migration to AEM Edge Delivery Services. Covers scraping conten1.8Kskills.sh installs
steel-browsersteel-dev/cliUse this skill for any web task where WebFetch or curl would fail or be insufficient — pages that require JavaScript to render, forms to fill and submit, screen1.8Kskills.sh installs
scss-best-practicesmindrally/skillsSCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets1.7Kskills.sh installs