pbakaus avatar

Frontend Design

This one's been deprecated and rolled into the main impeccable skill, so if you're installing it now you're getting a redirect notice rather than functional code. The original idea was solid: enforce intentional design decisions by requiring context up front (audience, brand, use cases) and pushing you toward bold aesthetic directions instead of safe AI defaults. It covered typography scales, OKLCH color systems, spatial rhythm, and motion timing with specific anti-patterns to avoid. Now all that lives in /impeccable as the core design functionality, so you'd use that instead. If you've got the frontend-design folder sitting around, it's just a leftover you can delete.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
67
skills.sh installs
53.2K
GitHub stars
107K
last updated
Aug 21, 2026

Install

$ npx -y skills add pbakaus/impeccable --skill frontend-design --agent claude-code

Installs into .claude/skills of the current project.

Files

This one's been deprecated and rolled into the main impeccable skill, so if you're installing it now you're getting a redirect notice rather than functional code. The original idea was solid: enforce intentional design decisions by requiring context up front (audience, brand, use cases) and pushing you toward bold aesthetic directions instead of safe AI defaults. It covered typography scales, OKLCH color systems, spatial rhythm, and motion timing with specific anti-patterns to avoid. Now all that lives in /impeccable as the core design functionality, so you'd use that instead. If you've got the frontend-design folder sitting around, it's just a leftover you can delete.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/pbakaus/impeccable
Categories
Frontend Development, Design & UI/UX
First seen
May 16, 2026

More from pbakaus/impeccable

All 24
1samber avatargolang-project-layoutsamber/cc-skills-golangProvides a guide for setting up Golang project layouts and workspaces. Use when starting a new Go project, organizing an existing codebase, setting up a monorep42.1Kskills.sh installs
2flutter avatarflutter-add-widget-previewflutter/agent-pluginsAdds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consi38.7Kskills.sh installs
3callstackincubator avatarreact-native-best-practicescallstackincubator/agent-skillsProvides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes32Kskills.sh installs
4software-mansion avatarargent-react-native-optimizationsoftware-mansion/argentOptimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues. Entry-point for all performance work. Use when th30.2Kskills.sh installs
5software-mansion avatarargent-react-native-app-workflowsoftware-mansion/argentStep-by-step workflows for developing or debugging React Native apps on iOS simulator or Android emulator. Use when starting the app, debugging Metro, fixing bu30Kskills.sh installs
6software-mansion avatarargent-react-native-profilersoftware-mansion/argentProfile a React Native Hermes app to measure re-render and CPU performance using argent profiler tools. Use when optimizing for performance, measuring before/af30Kskills.sh installs