{"id":19604663,"url":"https://github.com/victorvoid/generator-capybara","last_synced_at":"2025-10-12T00:06:16.356Z","repository":{"id":57246686,"uuid":"63121426","full_name":"victorvoid/generator-capybara","owner":"victorvoid","description":":diamond_shape_with_a_dot_inside:  Generator for front-end with Atomic Design + Stylus +  Webpack + Rupture + Kouto-Swiss + Jeet + ES6 + BrowserSync.","archived":false,"fork":false,"pushed_at":"2016-09-30T12:59:46.000Z","size":150,"stargazers_count":11,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-09T06:48:34.415Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/victorvoid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-07-12T02:57:39.000Z","updated_at":"2020-11-24T20:04:23.000Z","dependencies_parsed_at":"2022-08-24T16:43:48.644Z","dependency_job_id":null,"html_url":"https://github.com/victorvoid/generator-capybara","commit_stats":null,"previous_names":["victorvoid/generator-atomic-design"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/victorvoid/generator-capybara","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/victorvoid%2Fgenerator-capybara","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/victorvoid%2Fgenerator-capybara/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/victorvoid%2Fgenerator-capybara/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/victorvoid%2Fgenerator-capybara/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/victorvoid","download_url":"https://codeload.github.com/victorvoid/generator-capybara/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/victorvoid%2Fgenerator-capybara/sbom","scorecard":{"id":920617,"data":{"date":"2025-08-11","repo":{"name":"github.com/victorvoid/generator-capybara","commit":"cc0db92c172771961e36a96ecd4e01096e470585"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Code-Review","score":0,"reason":"Found 0/16 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-25T02:06:04.954Z","repository_id":57246686,"created_at":"2025-08-25T02:06:04.954Z","updated_at":"2025-08-25T02:06:04.954Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279009475,"owners_count":26084609,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-11T02:00:06.511Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T09:37:46.674Z","updated_at":"2025-10-12T00:06:16.337Z","avatar_url":"https://github.com/victorvoid.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Capybara Generator \n\n[![NPM version][npm-image]][npm-url]\n\n[![Npm Downloads](https://nodei.co/npm/generator-capybara.png?downloads=true\u0026stars=true)](https://nodei.co/npm/generator-capybara.png?downloads=true\u0026stars=true)\n\n\u003e Capybara Generator follows the Atomic Design methodology and with a modern workflow (webpack, es6 and stylus).\n\n\u003cimg width=\"300\"  src=\"https://media.giphy.com/media/pTX0wj6rPl7QA/giphy.gif\"\u003e\u003c/img\u003e\n\n## Installation\n\nFirst, install [Yeoman](http://yeoman.io) and generator-capybara using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).\n\n```bash\nnpm install -g yo generator-capybara\n```\n\nGenerators\n----------\n\nAvailable generators:\n\n    capybara\n    capybara:boson\n    capybara:quark\n    capybara:atom\n    capybara:molecule\n    capybara:organism\n    capybara:page\n    capybara:template\n\n### Capybara App\n \nSets up a new Capy app, generating all the boilerplate you need to get started. The app generator also optionally installs frameworks.\n\nexample:\n\n```bash\n  yo capybara  #in your project folder\n```\n\n(optional)\nPut this in your ~/.bashrc or ~/.zshrc\n\n```bash\n  alias capybara='yo capybara' #use 'capybara' in your project folder for starting\n```\n\nOptions\n---------\n\n- Full app Atomic Design\n  - Name your Project\n  - Choice frameworks\n    - Angular \n    - No framework\n    - Vue 2 (Wished. Contributors welcome. :star2:)\n    - React (Wished. Contributors welcome. :star2:)\n    - Angular 2 (Wished. Contributors welcome. :star2:)\n    - Backbone (Wished. Contributors welcome. :star2:)\n    - Ember 2 (Wished. Contributors welcome. :star2:)\n- Folder Atomic Stylus\n\n\nAtomic Design\n---------------\n\nCapybara follows the Atomic Design methodology. :small_orange_diamond:\n\n![](https://www.phase2technology.com/wp-content/uploads/2014/02/icon-molecule.png)\n\n\n- [Atomic Design | Brad Frost](http://bradfrost.com/blog/post/atomic-web-design/)\n- [Atomic Design Methodology | Atomic Design by Brad Frost](http://atomicdesign.bradfrost.com/chapter-2/)\n- [Your Frontend Methodology Is All of Them: Atomic Design \u0026 Pattern Lab](https://www.phase2technology.com/blog/your-frontend-methodology-is-all-of-them-atomic-design-patternlab/)\n- [Modular CSS / Atomic Design in the Enterprise](https://cantina.co/modular-css-atomic-design-in-the-enterprise/)\n- [Atomic Design Node by Suissa](https://github.com/Webschool-io/Node-Atomic-Design-Modelo-Padrao) \n\nDirectory Layout\n----------------\n\n### Atomic Design Structure in Stylus\n\n```\n├── □ styl\n|   |     \n|   ├── □ base\n|   |   |   ├── _forms.styl\n|   |   |   ├── _global-classes.styl\n|   |   |   └── _headings.styl\n|   ├── □ generic\n|   |   |   ├── _debugs.styl\n|   |   |   ├── _mixins.styl\n|   |   |   └── _reset.styl\n|   ├── □ patterns                                   \n|   |   ├── □ 00_bosons                        \n|   |   |   ├── _boson-button.styl\n|   |   |   ├── _boson-colors.styl\n|   |   |   ├── _boson-responsive.styl\n|   |   |   ├── _boson-typography.styl\n|   |   |   ├── _boson-variables.styl\n|   |   |   └──  boson-main.styl\n|   ├── □ 01_quarks                        \n|   |   |   ├── _quarks-icon.styl\n|   |   |   ├── _quark-link.styl\n|   |   |   └── quark-main.styl\n|   ├── □ 02_atoms                        \n|   |   |   ├── _atoms-buttons.styl\n|   |   |   ├── _atoms-icons.styl\n|   |   |   ├── _atoms-images.styl\n|   |   |   ├── _atoms-inputs.styl\n|   |   |   ├── _atoms-texts.styl\n|   |   |   ├── _atoms-titles.styl\n|   |   |   └── atom-main.styl\n|   ├── □ 03_molecules                        \n|   |   |   ├── _molecules-logo.styl\n|   |   |   ├── _molecules-menu.styl\n|   |   |   └── molecule-main.styl\n|   ├── □ 04_organisms                        \n|   |   |   ├── _organism-content.styl\n|   |   |   ├── _organism-header.styl\n|   |   |   └── organism-main.styl\n|   ├── □ 05_pages                        \n|   |   |   └── page-main.styl\n|   ├── □ 06_templates                        \n|   |   |   ├── _template-content.styl\n|   |   |   └── template-main.styl\n```\n\nRun\n-----\n\n|NPM scripts| Gulp tasks | Description\n|---|---|---|---|\n| `npm run build` |  `gulp` or `gulp build` | to build an optimized version of your application in /dist\n| `npm run serve` |  `gulp serve` | to launch a browser sync server on your source files\n| `npm run serve:dist` | `gulp serve:dist` | to launch a server on your optimized application\n| `npm run test` |  `gulp test`| to launch your unit tests with Karma\n| `npm run test:auto`  | `gulp test:auto` | to launch your unit tests with Karma in watch mode\n\nFrontend Technologies\n---------------------\n* [Angular](https://angularjs.org/) (optional): AngularJS lets you extend HTML vocabulary for your application.\n* [Webpack](http://webpack.github.io/): module bundler for the browser\n* [Stylus](http://stylus-lang.com/): expressive, dynamic, robust CSS\n\nDev Technologies\n----------------\n\n* [Babel](https://babeljs.io/): A es6/es7 compiler.\n* [Karma](https://karma-runner.github.io): A productive testing environment to developers\n* [Eslint](http://eslinbat.org/): The pluggable linting utility for JavaScript and JSX.\n* [BrowserSync](https://www.browsersync.io/): Time-saving synchronised browser testing.\n* [Rupture](https://github.com/jescalan/rupture): Simple media queries for stylus.\n* [Kouto-Swiss](http://kouto-swiss.io/): A complete CSS framework for Stylus.\n* [Jeet](http://jeet.gs/): A grid system for human.\n\nFeatures\n--------\n\n```\n├── □ styl\n|   |     \n|   ├── □ generic\n|   |   |   └── _debugs.styl\n```\n\nVariables for responsive breakpoint and grid\n\n```styl\n//default:\n$debug-enable = true\n$debug-grid = false\n```\n\n```css\n\n/*\n    Media Queries\n*/\n\n// scale                  0     400px   600px   800px   1050px  1800px\n\n//                        └──┬──┘ └──┬──┘ └──┬──┘ └──┬──┘ └──┬──┘ └──┬──\n// Slice numbers:             1      2        3       4       5       6\n// scale-names              'xs'    's'      'm'     'l'     'xl'    'hd'\n\n\n// scale                  0     400px  600px   800px   1050px  1800px\n\n//                        └──┬──┘ └──────────┬─────────┘ └──┬──┘ └──┬──\n// scale-devices             'mobile'     'tablet'        'desktop' 'hd'\n```\n\n![](https://github.com/victorvoid/generator-capybara/blob/master/image-demo/mobile.png?raw=true)\n![](https://github.com/victorvoid/generator-capybara/blob/master/image-demo/desktop.png?raw=true\")\n\n## License\n\nMIT © [Victor Igor](https://github.com/VictorVoid/)\n\n\n[npm-image]: https://badge.fury.io/js/generator-capybara.svg\n[npm-url]: https://npmjs.org/package/generator-capybara\n[travis-image]: https://travis-ci.org/VictorVoid/generator-capybara.svg?branch=master\n[travis-url]: https://travis-ci.org/VictorVoid/generator-capybara\n[daviddm-image]: https://david-dm.org/VictorVoid/generator-capybara.svg?theme=shields.io\n[daviddm-url]: https://david-dm.org/VictorVoid/generator-capybara\n[coveralls-image]: https://coveralls.io/repos/VictorVoid/generator-capybara/badge.svg\n[coveralls-url]: https://coveralls.io/r/VictorVoid/generator-capybara\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvictorvoid%2Fgenerator-capybara","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvictorvoid%2Fgenerator-capybara","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvictorvoid%2Fgenerator-capybara/lists"}